在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,"'");
相关推荐
GISer_Jing9 分钟前
前端面试通关:Cesium+Three+React优化+TypeScript实战+ECharts性能方案
前端·react.js·面试
落霞的思绪1 小时前
CSS复习
前端·css
咖啡の猫3 小时前
Shell脚本-for循环应用案例
前端·chrome
百万蹄蹄向前冲5 小时前
Trae分析Phaser.js游戏《洋葱头捡星星》
前端·游戏开发·trae
朝阳5816 小时前
在浏览器端使用 xml2js 遇到的报错及解决方法
前端
GIS之路6 小时前
GeoTools 读取影像元数据
前端
ssshooter7 小时前
VSCode 自带的 TS 版本可能跟项目TS 版本不一样
前端·面试·typescript
你的人类朋友7 小时前
【Node.js】什么是Node.js
javascript·后端·node.js
Jerry7 小时前
Jetpack Compose 中的状态
前端
dae bal8 小时前
关于RSA和AES加密
前端·vue.js