JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)


Posted in Javascript onJune 16, 2016

本文实例讲述了JS实用技巧。分享给大家供大家参考,具体如下:

js屏蔽错误

把下面的代码放在JS脚本中

<script type="text/javascript">
window.onerror = function(){
   alert("出现脚本错误");
   return true;
}
alert(b);
</script>

注意:定义onerror事件应该在出错之前,否则任然会出现脚本错误

如何防止设置DIV出现滚动条?

style="overflow-x: hidden; overflow-y: auto;"

通过JS控制页面的样式也可以利用数组的形式表现

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 相关文章推荐
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
Aug 13 Javascript
JavaScript 获取事件对象的注意点
Jul 29 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
JS this作用域以及GET传输值过长的问题解决方法
Aug 06 Javascript
JavaScript实现仿淘宝商品购买数量的增减效果
Jan 22 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
Vue+mui实现图片的本地缓存示例代码
May 24 Javascript
vue input输入框关键字筛选检索列表数据展示
Oct 26 Javascript
JS实现简单tab选项卡切换
Oct 25 Javascript
通过Kettle自定义jar包供javascript使用
Jan 29 Javascript
JavaScript中的几种继承方法示例
Dec 06 Javascript
Vue3中的Refs和Ref详情
Nov 11 Vue.js
javascript的replace方法结合正则使用实例总结
Jun 16 #Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 #Javascript
jQuery插件实现图片轮播特效
Jun 16 #Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 #Javascript
js学习阶段总结(必看篇)
Jun 16 #Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 #Javascript
jQuery获取剪贴板内容的方法
Jun 16 #Javascript
You might like
php中的比较运算符详解
2013/10/28 PHP
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
2011/01/17 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
使用jquery读取html5 localstorage的值的方法
2013/01/04 Javascript
JavaScript的递归之递归与循环示例介绍
2013/08/05 Javascript
按下Enter焦点移至下一个控件的实现js代码
2013/12/11 Javascript
js的2种继承方式详解
2014/03/04 Javascript
删除javascript中注释语句的正则表达式
2014/06/11 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
JavaScript在web自动化测试中的作用示例详解
2019/08/25 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
2020/02/05 Javascript
JS跨浏览器解析XML应用过程详解
2020/10/16 Javascript
PHP webshell检查工具 python实现代码
2009/09/15 Python
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
Python内建数据结构详解
2016/02/03 Python
Python利用BeautifulSoup解析Html的方法示例
2017/07/30 Python
Python字符串格式化%s%d%f详解
2018/02/02 Python
python sort、sort_index方法代码实例
2019/03/28 Python
Python2与Python3的区别实例总结
2019/04/17 Python
新年福利来一波之Python轻松集齐五福(demo)
2020/01/20 Python
利用Python如何制作贪吃蛇及AI版贪吃蛇详解
2020/08/24 Python
Python读写锁实现实现代码解析
2020/11/28 Python
解决pycharm不能自动保存在远程linux中的问题
2021/02/06 Python
精致的手工皮鞋:Shoe Embassy
2019/11/08 全球购物
PHP解析URL是哪个函数?怎么用?
2013/05/09 面试题
将一个数的从第5位开始的7个数取出,其余位置0
2016/05/26 面试题
现金出纳岗位职责
2014/03/15 职场文书
美术学专业求职信
2014/07/23 职场文书
事业单位个人总结
2015/02/12 职场文书
学校运动会开幕词
2016/03/03 职场文书
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js
排查并解决MySQL生产库内存使用率高的报警
2022/04/11 MySQL