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 相关文章推荐
jquery validate.js表单验证的基本用法入门
May 13 Javascript
jquery的Tooltip插件 qtip使用详细说明
Sep 08 Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
js原生跨域_用script标签的简单实现
Sep 24 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
微信小程序 css使用技巧总结
Jan 09 Javascript
JavaScript实现无穷滚动加载数据
May 06 Javascript
微信小程序switch组件使用详解
Jan 31 Javascript
微信小程序激励式视频广告组件使用详解
Dec 06 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 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 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
PHP捕获Fatal error错误的方法
2014/06/11 PHP
thinkphp循环结构用法实例
2014/11/24 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
2013/11/21 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
JavaScript操作Cookie详解
2015/02/28 Javascript
javascript白色简洁计算器
2015/05/04 Javascript
解析javascript中鼠标滚轮事件
2015/05/26 Javascript
用原生js统计文本行数的简单示例
2016/08/19 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
[00:37]2016完美“圣”典风云人物:AMS宣传片
2016/12/06 DOTA
[00:10]DOTA2全国高校联赛速递
2018/05/30 DOTA
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
浅谈python的elementtree模块处理中文注意事项
2020/03/06 Python
python实现与redis交互操作详解
2020/04/21 Python
python 基于opencv操作摄像头
2020/12/24 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
使用 CSS3 中@media 实现网页自适应的示例代码
2020/03/24 HTML / CSS
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
Proenza Schouler官方网站:纽约女装和配饰品牌
2019/01/03 全球购物
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
兼职业务员岗位职责
2014/01/01 职场文书
护理不良事件检讨书
2014/02/06 职场文书
师德模范事迹材料
2014/06/03 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
2014年会计工作总结
2014/11/27 职场文书
班主任高考寄语
2015/02/26 职场文书
女方离婚起诉书
2015/05/18 职场文书
小学课改工作总结
2015/08/13 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书