本文总结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 程序设计有所帮助。