使用javascript替换网页上的文本

Question

我正在尝试使用javascript替换我的网站页面上的某些文本。我必须使用javascript，因为替换取决于站点分辨率。但是我发现下面的代码行不通。为什么？在iPhone（这些javascript函数）上是否可以使用类似的功能？谢谢。

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

Answer 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); // and on window resize
还请确保将以上<script>放在结束</body>标签之前。这将确保在搜索和替换文本之前，已了解JS解析器的DOM内容。

Answer 2

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

Answer 3

关于使用css和js（最好是jquery）在触发文本更改的事件上更改元素的显示属性吗？