多重引号报错问题

qq_36583629

已于 2022-10-21 09:12:34 修改

阅读量244

点赞数

文章标签： javascript 前端 html

于 2022-10-20 18:11:41 首次发布

本文链接：https://blog.youkuaiyun.com/qq_36583629/article/details/127431003

版权

本文探讨了JavaScript中由于方法传值导致的引号报错问题，包括全局变量、局部变量以及字符串的处理。同时，也讨论了直接在HTML中使用引号可能出现的问题，以及哪些情况下引号可以省略。

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

1 js中方法传值引起的报错

1) 传入的值是全局变量

	var test = 'fhsdjs' //全局变量

	function a() {
		// test属于全局变量，直接传入即可，不会报错
		document.body.innerHTML = '<div id="d1" onclick=fn(test)>kjk</div>'
	}
	a()

	function fn(val) {
		console.log('val===', val)
	}

运行结果如下

2) 传入的值是局部变量

	function a(){
		var test = 'hhhhh1'  //test是局部变量
		document.body.innerHTML = '<div id="d1" onclick=fn(\''+test+'\')>kjk</div>'

		// 单双引号互换，参考下面的写法
		// document.body.innerHTML = "<div id='d1' onclick=fn(\'"+test+"\')>kjk</div>"