我正在尝试使用javascript动态插入一组带有一些javascript代码的脚本标签。我基本上是想在jwplayer中包装文件,但是脚本字符串破坏了页面中其余的javascript代码。如何正确执行此操作?
导致问题的行:
$file_link_insert = "<script type='text/javascript'>jwplayer('mediaplayer').setup({flashplayer: 'player.swf', file: '"+$href+"'});</script>";
引用的其余功能:
$(".file_link").live("click", function(e){
e.preventDefault();
var $href = $(this).attr("rel");
// Dialog
$('#filelink').dialog({
autoOpen: true,
width: 300,
modal: true,
buttons: {
"Ok": function() {
if($("input[name=file_link_text]").val()!=""){
$file_type = fileType($href);//determine if its video file see function below.
if($file_type == 'vid'){
$file_link_insert = "<script type='text/javascript'>jwplayer('mediaplayer').setup({flashplayer: 'player.swf', file: '"+$href+"'});</script>";
// $file_link_insert = " <p><a href=\""+$href+"\">"+$("input[name=file_link_text]").val()+"</a></p> ";
}else { $file_link_insert = " <p><a href=\""+$href+"\">"+$("input[name=file_link_text]").val()+"</a></p> "; }
$("#_tinyMCEinit_ifr").contents().find("body").append($file_link_insert);
$("#content_editor ul li:first a").click();
$(this).dialog("close");
$("input[name=file_link_text]").val("");
} else { alert("You must enter text label for your link!"); }
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
});
最佳答案
您不能在JavaScript中包含</script>
,因为浏览器会将其解释为脚本的结尾。只需分解或逃脱字符串。像这样<\/script>
参见Why split the <script> tag when writing it with document.write()?