精华内容
下载资源
问答
  • 如何在JS字符串中引用变量

    千次阅读 2015-04-16 15:58:59
    JS中有时候我们需要在字符串中引入变量。如果直接在“xxxxx”中间写入变量,则变量将被当作普通字符处理。下面结合我在学习JS过程碰到的实际问题,解释一下如何在字符串中引用变量。 实现效果:我要实现一个...

    在JS中有时候我们需要在字符串中引入变量。如果直接在“xxxxx”中间写入变量,则变量将被当作普通字符处理。下面结合我在学习JS过程中碰到的实际问题,解释一下如何在字符串中引用变量。

    实现效果:我要实现一个矩形div3D旋转的效果,JS代码如下所示

        var i=0;
        var a=true;
        function change(){
            a=false;
        }
       function set_css(){
           if(a){
           i=10+i;
            $("#rect").css("transform","rotateY(ideg)").css("transition","transform 2s");
           if(i>360)
           {
               change();
           }
           setTimeout("set_css()",500);
                }

    "rotateY(ideg)"中直接将变量i加入参数,此时i将被当作普通字符处理,无法达到效果。修改后的代码如下所示:

        var i=0;
        var a=true;
        function change(){
            a=false;
        }
       function set_css(){
           if(a){
           i=10+i;
            $("#rect").css("transform","rotateY("+i+"deg)").css("transition","transform 2s");
           if(i>360)
           {
               change();
           }
           setTimeout("set_css()",500);
                }

    此处"rotateY("+i+"deg)"的意思即为在i的状态改变的时候就改变i,所以就相应的实现了效果。

    小白所知道的在字符串中添加变量的方法仅此一种。欢迎补充。

    展开全文
  • js字符串中引入变量

    万次阅读 2017-10-26 16:05:39
    字符串中插入变量

    在实际前端开发中,我们时常会碰到在字符串中插入变量的问题,怎么合理正确的插入变量呢?
    可以这样引入变量作为字符串形式:“+变量+”
    如果外面有引号,则如下:‘”+变量+”’或\”“+变量+”\”

    展开全文
  • 字符串中镶嵌变量,如果字符串 最外层 是用单引号引起来的,那么应在变量两边加上 + 并用引号引起来 ,相反如果是用双引号引起来的,则用双引号 例如 ‘…’+x+’…’ ‘…’+n+’ …’ “…”+x+"…" “…”+n+...

    先看一个案例

    for(var i=;i<data.length;i++){
    var n= data[i].companyId;
    var str = '<tr><td>'+data[i].companyId+'</td><td>'+data[i].companyName+'</td><td>'
    +data[i].address+'</td><td>'+data[i].attribute+'</td>' +'<td>'+data[i].highManager+'</td><td>
    <button id="update_data1" class="update">编辑</button>
    <button id="delete_data1" class="delete" onclick="dele('+n+')">删除</button></td></tr>';
    }
    

    如果把dele(’+n+’)换为dele(n) 那么 for循环结束后 每个button的onclick都是dele(n),而不是0 1 2 3。

    总结

    在字符串中镶嵌变量,如果字符串最外层是用单引号引起来的,那么应在变量两边加上 + 并用引号引起来 ,相反如果是用双引号引起来的,则用双引号
    例如 ‘…’+x+’…’ ‘…’+n+’ …’ “…”+x+"…" “…”+n+"…"
    这样就可以让字符串与变量与字符串衔接起来

    其实在平常使用的时候也知道这些, 但是遇到像案例那种变量在函数的参数中的时候往往会理所当然而忽略这个问题,从而导致了错误。

    展开全文
  • js字符串添加css变量

    2018-12-14 16:01:25
    js字符串添加css变量  var per = parseFloat(msgArr[i].count)/parseFloat(msgArr[0].count)*80+'%';  str += '&lt;span class="progress progress-bar barbar" style="width:'+per+'"&...

     

    1. js字符串添加css变量

              var per = parseFloat(msgArr[i].count)/parseFloat(msgArr[0].count)*80+'%';

             str += '<span class="progress progress-bar barbar" style="width:'+per+'">'+'</span>'; 

    2.  $(document).ready(function(){

    • // 执行代码
    • // way 2 外部赋值宽度, Dom加载后获取width,改变宽度!!!!!!!
    • var widthbar = $(".barbar");
    • for (let i = 0; i < msgArr.length; i++) {
    • widthbar[i].style.width = parseFloat(msgArr[i].count)/parseFloat(msgArr[0].count)*80+'%';
    • // console.log(msgArr);
    • }
    • });

    3. 获取遍历Dom,防止溢出

    $(".progressbar-title").each(function(i,val){

    //ii 指第几个元素的序列号。

    //vv 指遍历得到的元素。

    // console.log(i,val);

    var list = $(this);//n.fn.init [span.progressbar-title, context: span.progressbar-title]

     

    dataUpload.method("http://10.237.22.177:8080/hotLine","","GET",0,120000,function (data) {
        console.log(data,"top10");   
        // {startStations: "靖西站", endStations: "百色", count: "52"}
        var msgArr = data;
        var str = "";
        var ww = "";
        // console.log(msgArr[0].count);
        // var per = msgArr[0].count;
        $.each(msgArr,function(i,obj){    
            var per =  parseFloat(msgArr[i].count)/parseFloat(msgArr[0].count)*80+'%';    
           
            str += '<div class="line-part">';
                str += '<div class="line-progress">';
                    str += '<span class="order-num">' + (i+1) + '</span>';
                    str += '<span class="progressbar-title">'+ obj.startStations +'-'+ obj.endStations+'('+obj.count+'张'+')'+'</span>';
                str += '</div>';
                // way 1 变量加在css    !!!!!!!
                str += '<span class="progress progress-bar barbar" style="width:'+per+'">'+'</span>';
            str += '</div>';
        })
        
        // $(".range-part").append(str);//重复
        $(".range-part").html(str);  
        
        $(document).ready(function(){
            // 执行代码   
            // way 2 外部赋值宽度, Dom加载后获取width,改变宽度!!!!!!!
            var widthbar = $(".barbar");
            for (let i = 0; i < msgArr.length; i++) {
                // widthbar[i].style.width = parseFloat(msgArr[i].count)/parseFloat(msgArr[0].count)*80+'%';
                // console.log(msgArr); 
            }
                
        });
        
        $(document).ready(function(){
            var widthRange = $('.line-part').width();  //获取width值。
            var widthTitle = $('.range-title').width();  //获取width值。
    
            // var widthRange = $('.progressbar-title').html();  。
            // for (let i = 0; i < msgArr.length; i++) {           
            console.log(widthRange);//
            // console.log(widthTitle,"widthTitle");
            if (widthTitle>(widthRange-10)) {
                // $(this).context
                // $('.range-title').css("font-size",'15px' );
            }        
            // 遍历控制字体显示 防止溢出
            $(".progressbar-title").each(function(i,val){
                //ii 指第几个元素的序列号。
                //vv 指遍历得到的元素。
                // console.log(i,val);  
                var list = $(this);//n.fn.init [span.progressbar-title, context: span.progressbar-title]
                console.log(list);
                var widthbar = $(this).context.offsetWidth;
                console.log(widthbar);
                if (widthbar>widthRange*0.9) {
                    // $(this).context
                    $(this).css("font-size",'0.56vw' );
                }
            })
        })
        
    });

     

    展开全文
  • Updated fiddle.你必须分配这个表达式的返回$(thing).append...否则变量将始终保持默认字符串< div class =“thing”>< / div>作为价值.希望这可以帮助.$(document).ready(function(){$('body').on...
  • ES6之反引号(`)标识的作用——字符串插入变量${插值变量名} & 多行字符串 & 标签模板-tag函数 语法 ES6 模板字符串(Template String)是增强版的字符串,用反引号(`)标识,而不是单引号(’)或双引号(“)...
  • 代码: <body> <script> var a=1; console.log('我'+a+'是'); console.log("我"+a+"是"); console.log(`我${a}是`); </script> </body> 效果: 注意事项: ......
  • 举例: var account = document.getElementById("change_account_&lt;{$aff.Id}&gt;").value; var password = document.getElementById("change_password_&...var transactionCrawled = ...
  • 场景:绑定字符串变量,如有空格,使用&nbsp;无效。 原因:绑定的是字符串,不是innerHTML 解决:使用\xa0 举个栗子: hello\xa0hello 浏览器会解析为:hello hello 会用了吗,嘿嘿~~
  • 主要介绍了vue如何实现变量字符串拼接,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • html js中字符串的添加插入移除

    万次阅读 2016-10-11 09:45:26
    参数说明:str表示原字符串变量,flg表示要插入字符串,sn表示要插入的位置 function insert_flg(str,flg,sn){  var newstr="";  for(var i=0;i  var tmp=str.substring(i, i+sn);  newstr+=tmp+flg;  }
  • 今天有个非常有趣的事,因为我需要用JS去实现多语言,就是我在JS文件里定义了不同的变量,尝试用变量拼接字符串组成之前定义好的变量名称,结果拼接之后,显示的却是字符串,而不是变量,所以无法解析 zh_test = ...
  • js ES6 ${}字符串拼接变量

    千次阅读 2019-11-17 16:13:41
    语法: 反引号就是英文状态下数字1前面那个按键
  • 参数说明:str表示原字符串变量,flg表示要插入字符串,sn表示要插入的位置 function insert_flg(str,flg,sn){  var newstr="";  for(var i=0;i  var tmp=str.substring(i, i+sn);  newstr+=tmp+flg;  }  re

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 75,043
精华内容 30,017
关键字:

js字符串中插入变量