使用javascript替换网页上的文字

时间:2015-04-05 02:00:08

标签: javascript html html5

我正在尝试使用javascript替换我网站页面上的一些文字。我必须使用javascript,因为替换取决于站点解析。但是我发现下面的代码不起作用。为什么?类似的东西是否适用于iphone(这些javascript函数)?感谢。

<SCRIPT language="JavaScript">
<!--
if ((screen.width<=500))
{
   document.body.innerHTML = document.body.innerHTML.replace('text to replace', 'replacement');
}
//-->
</SCRIPT>

3 个答案:

答案 0 :(得分:1)

screen属性没有resize因为它们就像是在工厂里建造的那样:) 您可能对window.innerWidth

感兴趣

可能你也有兴趣听一个resize事件,所以你去了:

function doOnResize() {
    var winW = window.innerWidth;
    if(winW <= 500) {
       document.body.innerHTML = document.body.innerHTML.replace('text to replace', 'replacement');
    }
}

doOnResize();                                         // Do it as soon as you can
window.addEventListener("resize", doOnResize, false); // and on window resize

同时确保将上述<script>放在结束</body>标记之前。这将确保在搜索和替换文本之前,JS解析器已经了解了DOM内容。

答案 1 :(得分:0)

您的代码不起作用,因为它是在DOM准备好之前执行的。

window.onload = function() { /* Your code here */ };

这将确保DOM已准备好并且所有内容都已加载。

答案 2 :(得分:0)

使用css和js(好吧,jquery可能是最好的)来改变触发文本更改的事件上元素的display属性呢?