使用javascript替换网页上的文本
Replace text on webpage using javascript
我正在尝试使用javascript替换网站页面上的一些文本。我必须使用javascript,因为替换取决于网站的分辨率。然而,我发现下面的代码不起作用。为什么?类似的东西在iphone上工作吗(这些javascript函数)?谢谢
<SCRIPT language="JavaScript">
<!--
if ((screen.width<=500))
{
document.body.innerHTML = document.body.innerHTML.replace('text to replace', 'replacement');
}
//-->
</SCRIPT>
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内容。
您的代码不起作用,因为它是在DOM准备好之前执行的。
window.onload = function() { /* Your code here */ };
这将确保DOM已经准备好并且所有内容都已加载。
在触发文本更改的事件中,使用css和js(好吧,jquery可能是最好的)来更改元素的显示属性怎么样?
相关文章:
- 使用javascript替换网页上的文本
- 我可以在网页正文中插入文本链接吗
- 更改当前网页上显示的部分(即不是全部)文本
- 如何在没有文本区域或文本字段的浏览器中编辑网页内容
- 如何突出显示在线网页中的文本
- 如何使用javascript在asp.net网页表单上动态添加文本框
- 用户在文本框中输入一个数字,并根据使用 PHP 输入的数字重定向到另一个网页
- .val() 选择文本而不是值字符串,当网页动态编辑源 html
- 使用 jQuery 将文本框动态添加到网页
- 通过javascript从不同的网页中获取文本
- 使用JavaScript过滤从网页复制的文本的最简单方法
- 如何在网页加载asp.net上显示文本框中第二个字母的光标位置
- 使用javascript bookmarklet查找和替换网页上class属性中的文本
- 如何使用cookie来记住网页's的文本大小
- 在网页中以文本(原始)形式从GitHub读取代码
- 使用PowerShell在JavaScript网页上搜索文本字符串
- ASP.NET网页-使用脚本显示由预定义日期和时间指定的图像/文本
- 如何在安卓网页中更改背景和文本颜色
- 移动友好型网页设计:如何在输入文本后以编程方式缩小
- 定时器上的变色文本?(网页版)