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 setInterval的两种调用方法(实例讲解)
Nov 29 Javascript
原生JS实现圆环拖拽效果
Apr 07 Javascript
Angular.js组件之input mask对input输入进行格式化详解
Jul 10 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
JS实现的数组去除重复数据算法小结
Nov 17 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
Vue2.0结合webuploader实现文件分片上传功能
Mar 09 Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 Javascript
微信小程序实用代码段(收藏版)
Dec 17 Javascript
原生js实现拖拽移动与缩放效果
Aug 24 Javascript
Vue+Flask实现图片传输功能
Apr 01 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 daodb插入、更新与删除数据
2009/03/19 PHP
php中替换字符串中的空格为逗号','的方法
2014/06/09 PHP
php函数连续调用实例分析
2015/07/30 PHP
表单的焦点顺序tabindex和对应enter键提交
2013/01/04 Javascript
jquery获取当前点击对象的value方法
2014/02/28 Javascript
node.js中的fs.readdir方法使用说明
2014/12/17 Javascript
js实现基于正则表达式的轻量提示插件
2015/08/29 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
JavaScript实现数值自动增加动画
2017/12/28 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
vue使用nprogress实现进度条
2019/12/09 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
python提示No module named images的解决方法
2014/09/29 Python
python基础之入门必看操作
2017/07/26 Python
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
浅谈python中str字符串和unicode对象字符串的拼接问题
2018/12/04 Python
Python Subprocess模块原理及实例
2019/08/26 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
python add_argument()用法解析
2020/01/29 Python
Python smtp邮件发送模块用法教程
2020/06/15 Python
使用Python获取爱奇艺电视剧弹幕数据的示例代码
2021/01/12 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
CSS3 毛玻璃效果
2019/08/14 HTML / CSS
Html5页面二次分享的实现
2018/07/30 HTML / CSS
PHP面试题-$message和$$message的区别
2015/12/08 面试题
如何写一份好的英文求职信
2014/03/19 职场文书
电子商务优秀毕业生求职信
2014/07/11 职场文书
动画设计系毕业生求职信
2014/07/15 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
少先队大队委竞选口号
2015/12/25 职场文书
教你快速开启Apache SkyWalking的自监控
2021/04/25 Servers
JS代码编译器Monaco使用方法
2021/06/11 Javascript
redis 解决库存并发问题实现数量控制
2022/04/08 Redis
德生TECSUN S-2000使用手册文字版
2022/05/10 无线电