JavaScript 实用技巧:错误屏蔽、滚动条控制与背景定位
本文总结JavaScript开发中的实用技巧,包括通过onerror事件屏蔽脚本错误、利用CSS样式控制DIV滚动条显示,以及使用background-position属性精确设置背景图片位置,帮助开发者优化页面交互与样式表现。
本文分享一组JavaScript开发中的实用技巧,供读者参考学习。
JavaScript 错误屏蔽方法
JavaScript 错误屏蔽方法
将以下代码嵌入到 JavaScript 脚本中即可实现。
<script type="text/javascript">
window.onerror = function(){
alert("出现脚本错误");
return true;
}
alert(b);
</script>
注意:定义 onerror 事件必须在可能产生错误的代码执行之前,否则仍可能出现脚本错误提示。
DIV 滚动条控制技巧
如何防止设置 DIV 出现滚动条?
style="overflow-x: hidden; overflow-y: auto;"
通过 JavaScript 控制页面样式时,也可以采用数组形式来表现样式属性。
function init(){
//document.getElementById("ac").style.display = "none";与下面的等价
document.getElementById("ac").style["display"] = "none";
}
window.onload = init;
背景图片位置控制
如何控制背景图片的位置?
由于 background 属性定位不受对象补丁因素(padding)的影响,因此可以直接使用数值进行定位。
background-position 属性的默认值为:0% 0%,表示从指定区域的左上角开始定位。
#wrapper{
position:relative;
background:url(../res/main_bg.png) no-repeat;
background-position: 0% 5%;
_background-image:none;
display:none;
}
更多关于 JavaScript 相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家 JavaScript 程序设计有所帮助。
JS怎么使用classList添加、删除和切换class
2026-11-05 17:26:02
网页开发三者分工:HTML结构、CSS样式与JavaScript交互怎么协作
2026-11-05 12:51:22
JS解析URL参数时怎么处理中文乱码和特殊字符
2026-11-05 12:47:23
js-cookie 存储 JSON 对象:自动序列化与反序列化技巧
2026-11-05 12:36:26
marked.js 快速上手:安装与基础 Markdown 转 HTML 示例
2026-11-05 09:32:53
