JS混写HTML使用onclick传递参数引号的用法

简介: JS混写HTML使用onclick传递参数引号的用法

一、直接传递参数的写法:

var html = "";
html += "<a href=\"#\" οnclick=\"javascript:getMenu('营子社区');\"> <div id=\"area1\" class=\"area\">营子社区</div></a>";

getMenu(‘营子社区’),直接写入值即可。

二、包含变量的函数参数的写法:

var menuHtml = "";
menuHtml += "<div id=\"gh2\" οnclick=\"getMenu(\'" + areaName + "\')\">" + area13data[0].areaName + "</div>";


οnclick=“getMenu(’” + areaName + “’)”>"。


Done!

相关文章
|
3天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
3天前
|
前端开发 JavaScript
使用html+css+javaScript 完成计算器
使用html+css+javaScript 完成计算器
|
7天前
|
JavaScript 前端开发 BI
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
10 1
|
9天前
|
JavaScript 前端开发
js开发:请解释this关键字在JavaScript中的用法。
【4月更文挑战第23天】JavaScript的this关键字根据执行环境指向不同对象:全局中指向全局对象(如window),普通函数中默认指向全局对象,作为方法调用时指向调用对象;构造函数中指向新实例,箭头函数继承所在上下文的this。可通过call、apply、bind方法显式改变this指向。
8 1
|
10天前
|
移动开发 JavaScript HTML5
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
13 0
|
14天前
|
JavaScript 前端开发
在JavaScript中怎样获取或修改HTML元素。
在JavaScript中怎样获取或修改HTML元素。
|
14天前
|
前端开发 JavaScript
JavaScript 获取 HTML 元素
JavaScript 获取 HTML 元素
|
15天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
27 10
|
18天前
|
JavaScript 前端开发
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
在JavaScript中,有五种主要方法选取HTML元素:1) `getElementById` 通过id选取单个元素;2) `getElementsByClassName` 选取具有特定类名的所有元素;3) `getElementsByTagName` 选取特定标签的所有元素;4) `querySelector` 使用CSS选择器选取单个元素;5) `querySelectorAll` 选取匹配CSS选择器的所有元素。这些方法结合使用可精确地定位到DOM树中的目标元素。
12 1
|
24天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css