页面中onclick事件引号问题

最新推荐文章于 2021-11-04 10:16:41 发布

转载最新推荐文章于 2021-11-04 10:16:41 发布 · 739 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mangwusuozhi/p/9321859.html

本文介绍了在HTML中通过不同方法调用JavaScript事件处理函数的三种方式：直接在HTML标签中使用onclick属性并调用函数；在JavaScript中为元素设置onclick事件；以及通过JavaScript动态生成包含onclick属性的HTML代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种：html中onclick调用事件

<p id="txt" onclick="changeSize()">加括弧的changeSize()</p>

必须加引号

第二种：js中onclick调用事件

document.getElementById("txt").onclick = changeSize;

必须不加引号

第三种：js中动态生成html中onclick调用事件

'<a onclick="gethtml('+a.type+",'"+a.name+"'"+')">'
'<a onclick=gethtml('+a.type+",'"+a.name+"'"+')>'

加不加引号都可以执行

转载于:https://www.cnblogs.com/mangwusuozhi/p/9321859.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

山清水秀iOS

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js之BOM学习，页面加载事件，定时器，js同步异步，location参数，this指向问题

m0_61547956的博客

04-23

1005

什么是BOM？ BOM（Browser Object Model）浏览器对象模型，提供了独立于内容而与窗口进行交互的对象，核心对象是window，学习与浏览器进行交互的一些对象比如怎么后退一个页面，前进一个页面，刷新等。BOM由一系列对象组成，每个对象有其对应的属性和方法，BOM缺乏标准，浏览器厂商再各自浏览器上定义的JS的语法标准化组织是ECMA，DOM是W3C。 var num = 10 log(num) log(window.log)全局变量变成window对象的属性 function fn(

在js中拼接HTML页面报错

最新发布

me_Jackyoyo的博客

08-23

283

js拼接html页面

参与评论您还未登录，请先登录后发表或查看评论

问题解决：在js中绑定onclick事件为什么不加括号，在html代码中必须要加？（转载）...

weixin_30616969的博客

12-06

276

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div> <button id="btn"...

onClick() 函数的单/双引号

weixin_34197488的博客

05-02

487

51节过去了，电脑也从家来拿来了。看看博客才发现已经很久没有更新了。每天的流量也是少的可怜。看来还是要辛苦耕耘才有收获啊。今天在做JS的时候遇到一个问题，抛出代码： <button a test!");"> Click Me </button> 但是当我点击按钮的时候，却没有反应。后来我干脆把它写成一个函数: function ...

html标签中onclick 嵌套单双引号及XSS的处理方法

liduanwh的博客

02-18

3542

onclick="updateCategory(event, '${fn:replace(fn:replace(e:forHtmlContent(item.key), "'", "\\'"), '"', '&quot;')}');" item.key的内容为 test <IMG SRC=# onmouseover="alert('test')"> 注意几点 1. &am

onclick属性，当javascript的参数中有单引号或双引号时，包JS错误。

chenmeng_1的专栏

06-13

2915

遇到一个问题，在HTML的标签中，当onclick属性中的javascript传入的参数包含单引号或者双引号时，会包JS错误。例如： 1 input onClick="doSomething('${param}');" type="button" /> 当后台传来的param字符串带有单引号或者双引号时， IE6在载入页面时

关于拼接Html时，onClick=fun(parameter) 中的parameter 带有单双引号的解决办法

weixin_34212189的博客

10-17

今天遇到，花了我一个多小时。原来以为这样就能解决问题 var parameter = parameter.replace("'","\\'").replace('"','\\"'); 然后试了下发现原来不行，原因有待再考究，现在知道了下面的方法可以解决问题 var parameter = parameter.replace("'","\\'").replace('"','\\...

js 赋值包含单引号双引号问题的解决方法

10-26

在Web开发中，JavaScript被广泛应用用于客户端的逻辑处理，而JSP(Java Server Pages)常常用于服务器端生成动态的HTML内容。...这样才能确保Web页面的正常显示和交互，避免因引号匹配问题导致的潜在错误。

js 单引号传递方法

10-29

然后在`showMessage`函数中，我们动态地从这个隐藏的输入字段中获取值，而不是直接将值插入到`onclick`事件的字符串中。这样做可以确保即使值包含单引号，JavaScript也不会报错。总结来说，处理包含单引号的...

onClick的html 单引号+双引号：传参的转义问题

weixin_46100406的博客

11-04

912

示例： var data=“111”; 1.外部双引号： var html="<div οnclick=\"showData(' " + data + " ')\">AAA</div>"; 2.外部单引号： var html='<div οnclick="showData(\' ' + data +' \')">AAA</div>'; 注意点：需要用转义字符 ...

onclick 传多个参数

wang501220681的专栏

02-25

2510

_td.innerHTML=" 编号:"+strs[i][0]+"";

js中onClick()传参单双引号的问题

我要出家当道士

02-10

3931

转载至：https://www.cnblogs.com/xcsn/archive/2013/11/07/3412830.html 规则：外变是“”，里面就是‘’ ; 外边是‘’，里边就是“” 示例： var a="111"; var html="<a onclick='selecthoods(\" "+a + "\"); >AAA</a>";

在HTML的标签中，当onclick属性中的javascript传入的参数包含单引号或者双引号时，会包JS错误。

依然饭特稀的博客

07-05

6532

在HTML的标签中，当onclick属性中的javascript传入的参数包含单引号或者双引号时，会包JS错误。例如：<input onClick="doSomething('${param}');" type="button" />当后台传来的param字符串带有单引号或者双引号时，IE6在载入页面时直接报错，FF载入页面虽然没有报错，但是点击按钮...

onClick 单引号+双引号：传参的转义问题

礼拜八的博客

07-02

5793

示例： var data="111"; 1.外部双引号： var html="<div onclick=\"showData(' " + data + " ')\">AAA</div>"; 2.外部单引号： var html='<div onclick="showData(\' ' + data +' \')">AAA</div>'; 注...

html 拼写onclick 事件，转义英文单引号和双引号防止js报错

chenzhenguo

03-26

3675

使用js 拼html 页面并添加上onclick 传参数到前台，可能传的参数会出现带有英文双引号或单引号，就可能导致js出问题在网上找了很多转义的方法，都有点小问题，经过不懈的摸索。找到了解决的办法记录一下并在后台拼htmlvar name = name.replace(/"/g, '\\&quot;').replace(/'/g, '\\&#039;'); //n...

javascript的字符串拼接和引号问题，以onclick为例