单双引号引发的问题 HTML中嵌套传递参数为函数句柄的方法

最新推荐文章于 2022-05-23 13:48:31 发布

最新推荐文章于 2022-05-23 13:48:31 发布 · 267 阅读

文章标签：

#HTML #C #C++ #C#

AJAX-JS 专栏收录该内容

15 篇文章

订阅专栏

本文探讨了在IE6浏览器环境下，通过JavaScript生成HTML字符串时遇到的问题，特别是在使用函数句柄作为回调时出现的解析错误。通过调整函数内部字符串的定义方式解决了该问题。

生成HTML字符串时，传递的函数句柄会使用其函数体本身替换。
以下问题在IE6下发现


<html>
<head>
<META http-equiv="Content-Type"
            content="text/html; charset=UTF-8">
	<script>
function dj(b){
	b();
	//callbackfun();
}

function a(tca){
	//alert(tca);
  var str='你是什么人呢，呵呵';
  str+='测试';
str+='呵呆rb报报个错呢？';
alert(str);
}
var callbackfun;
function t(c){
	var tca="dddd";
	//callbackfun=c;
	document.getElementById("test").innerHTML="<input type='button' onclick='dj("+c+");' id='my2' value='测试2' name=''>";
}
</script>
</head>
<body>

<input type="button" onclick="t(a);" id="my" value="测试吧" name="">

<div id="test"></div>
</body>

</html>

当function t(c)中生成HTML字符串时，οnclick='dj("+c+")'被替换为如下


onclick='dj(function a(tca){
	alert(tca);
  var str='

（FIREFOX3.5下测试无此问题，会自动把单引号转换为双引号）
可以看出是function a() str使用单引号引发了解析问题。如果function a()如下则能正常运行


function a(tca){
	alert(tca);
  var str="你是什么人呢，呵呵";
  str+="测试";
str+="呵呆rb报报个错呢？";
alert(str);
}

因为：
function t(c)中生成HTML字符串时，οnclick='dj("+c+")'被替换为如下


dj(function a(tca){
	alert(tca);
  var str="你是什么人呢，呵呵";
  str+="测试";
str+="呵呆rb报报个错呢？";
alert(str);
});

============================================
以上是在IE6下测试

单双引号引发的问题 HTML中嵌套 传递参数为函数句柄的方法

单双引号引发的问题 HTML中嵌套传递参数为函数句柄的方法