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 相关文章推荐
JavaScript中的isXX系列是否继续使用的分析
Apr 16 Javascript
javascript两种function的定义介绍及区别说明
May 02 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
Aug 07 Javascript
微信小程序入门教程
Nov 18 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
Vue实现导航栏的显示开关控制
Nov 01 Javascript
深度解读vue-resize的具体用法
Jul 08 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
Aug 31 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
video.js添加自定义组件的方法
Dec 09 Javascript
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/06/13 PHP
php 模拟POST提交的2种方法详解
2013/06/17 PHP
PDO::prepare讲解
2019/01/29 PHP
基于jQuery架构javascript基础体系
2011/01/01 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
jquery特效 幻灯片效果示例代码
2013/07/16 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
浅谈Vue父子组件和非父子组件传值问题
2017/08/22 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
浅谈layui使用模板引擎动态渲染元素要注意的问题
2019/09/14 Javascript
js实现从右往左匀速显示图片(无缝轮播)
2020/06/29 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
pip 错误unused-command-line-argument-hard-error-in-future解决办法
2014/06/01 Python
python opencv之SURF算法示例
2018/02/24 Python
python+jinja2实现接口数据批量生成工具
2019/08/28 Python
Django 创建后台,配置sqlite3教程
2019/11/18 Python
python线程池如何使用
2020/05/28 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
PHP面试题及答案二
2015/05/23 面试题
AJAX都有哪些有点和缺点
2012/11/03 面试题
班组长岗位职责范本
2014/01/05 职场文书
学校安全工作汇报材料
2014/08/16 职场文书
中国梦演讲稿范文
2014/08/28 职场文书
法定代表人授权委托书
2014/09/19 职场文书
2014年安全员工作总结
2014/11/13 职场文书
小学教师师德培训心得体会
2016/01/09 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书
Redis延迟队列和分布式延迟队列的简答实现
2021/05/13 Redis
Python中OpenCV实现查找轮廓的实例
2021/06/08 Python
javascript实现计算器功能详解流程
2021/11/01 Javascript