设置innerHTML字符串会产生语法错误
设置innerHTML字符串会产生语法错误
提问于 2011-07-28 07:02:57
我看过这里，大多数人说它的逃逸问题，所以我认为我也是这个问题的过错。我在谷歌上看了看，大多数人都有用一个div的文本替换另一个div等的例子。这里，我想用.js中if语句中的内容替换默认的“mainMidSec”内容
我正在尝试为一个移动site...but测试一些东西，我得到了语法错误。我几乎可以肯定它与引号等有关…我尝试过外部双引号和内部单引号，反之亦然，它不接受它。
代码如下：
<script type="text/javascript">
var screenW = document.getElementById('mainMidSec');
if ((screen.width<=800) && (screen.height<=800))
{
screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg">
<source src="videos/mp4-video-versions/2010reel_MP4.mp4">
<p> Your current web browser is out of date . Please update it wont you...pretty please?</p>
</video>'
}
</script>你们给我带来的任何想法/建议/知识炸弹，我都会欣然接受！
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-07-28 07:06:46
你不能把一个字符串分成几行。
将字符串放在一行中：
screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"><source src="videos/mp4-video-versions/2010reel_MP4.mp4"><p> Your current web browser is out of date . Please update it wont you...pretty please?</p></video>';或者使每一行都是单独的字符串：
screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg">' +
'<source src="videos/mp4-video-versions/2010reel_MP4.mp4">' +
'<p> Your current web browser is out of date . Please update it wont you...pretty please?</p>' +
'</video>';Stack Overflow用户
发布于 2011-07-28 07:07:10
在javascript中，字符串中不能有换行符。尝试：
screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"><source src="videos/mp4-video-versions/2010reel_MP4.mp4"> <p> Your current web browser is out of date . Please update it wont you...pretty please?</p></video>'另外，看看CSS Media Queries，这是处理移动设备备用布局的推荐方法。
Stack Overflow用户
发布于 2011-07-28 07:07:21
更改：
screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg">
<source src="videos/mp4-video-versions/2010reel_MP4.mp4">
<p> Your current web browser is out of date . Please update it wont you...pretty please?</p>‘
至：
screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"> ' +
'<source src="videos/mp4-video-versions/2010reel_MP4.mp4"> ' +
'<p> Your current web browser is out of date . Please update it wont you...pretty please?</p> ' +'‘
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6852270
复制相关文章
相似问题
腾讯云开发者
