在js中拼接HTML页面报错

在js中拼接HTML页面报错

// js拼接html时onclick,数字可以直接拼接,字符串必须加上引号

html 复制代码
οnclick=transferFilePage(1214324,'fihdsih8238');

// js拼接时html,变量需要引号隔开,否则在js中都会认为是字符串(" + opTypeStr + "),如果是放在onclick中则是('" + opTypeStr + "'),其中布尔类型(false)、数字(123)、onclick获取当前对象(this)、不是字符串的变量均不用加引号

html 复制代码
transferStr = "<td><div class='ui edit buttons thid'><button class='ui gray button mini' onclick=transferFilePage()>" + opTypeStr + "</button></div>" + overTime + "</td>";

//onclick函数中有多个参数:

html 复制代码
"<td>" +
      "<div class='ui edit buttons thid'>" +
       "<button class='ui gray button mini' οnclick='transferFilePage(" +
         	"'"+datas[i].report_id+"'," +
         	"'"+datas[i].temp_id+"'," +
            "'"+datas[i].userdeptid+"'," +
            "'"+datas[i].status+"'," +
            "'"+datas[i].fishId+"'," +
            "'"+datas[i].rectifyid+"'," +
            "'"+datas[i].transferid+"'," +
            "false," +  //布尔类型
            ""+hasRectifyPower+"," + //变量,不是字符串不用加引号('fihdsih8238')
            ""+hasTransferPower+"," +
            "'"+datas[i].adnumber.trim()+"'," +
            ""+opTypeStr+"," +
            ""+(datas[i].tempname ? datas[i].tempname.trim() : "")+"," +
             "this)'>" +
             opTypeStr +
        "</button>" +
    "</div>" +
    overTime +
"</td>";

// JSON字符串

html 复制代码
var jsonString = '{"name":"John", "age":30, "city":"New York"}';

// 使用JSON.parse()将其转换为JavaScript对象

html 复制代码
var obj = JSON.parse(jsonString);

//HTML中函数传递时注意需要对象转换成字符串

html 复制代码
JSON.stringify(obj).replace(/\"/g,"'");

// JSON对象

html 复制代码
var obj = {"name":"John", "age":30, "city":"New York"};
var jsonString = JSON.stringify(obj).replace(/\"/g,"'");
相关推荐
熊的猫1 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
瑶琴AI前端1 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
会发光的猪。1 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
别拿曾经看以后~2 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
我要洋人死2 小时前
导航栏及下拉菜单的实现
前端·css·css3
川石课堂软件测试2 小时前
性能测试|docker容器下搭建JMeter+Grafana+Influxdb监控可视化平台
运维·javascript·深度学习·jmeter·docker·容器·grafana
科技探秘人3 小时前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人3 小时前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR3 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香3 小时前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel