Welcome 微信登录

首页 / 脚本样式 / JavaScript

原生的html元素选择器类似jquery选择器

原生的html元素选择器类似jquery选择器

2017年02月06日 12 阅读
做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码。用$g（“#content .op”）这种格式就可以调用，和jquery $（）的参数一样:function $findChilds（parentNode, text） { //如果不传入父节点的话，默认为body if（parentNode == undefined） parentNode = docu...
用原生js做个简单的滑动效果的回到顶部

用原生js做个简单的滑动效果的回到顶部

2017年02月06日 12 阅读
很多网页在下方都会放置一个“返回顶部”按钮，尤其是页面底部没有导航的网页，这样可以帮助访客重新找到导航或者重温一遍广告（想得真美）。随着近几年来 JavaScript 的应用日渐广泛，滑动效果无处不在，于是我也跟跟风，将返回顶部功能做成了滑动效果。后来为了更贴合物理特征， 改造做成了减速的滑动效果。首先说一下原理吧，我们会获取滚动条到页面顶部的距离，然后上移一定的距离；再获取滚动条到页面顶部的距离，上移一定的距离（比上一次小一点）;以此类推 ...<...
js阻止事件追加的具体实现

js阻止事件追加的具体实现

2017年02月06日 12 阅读
有些时候可以使用 e.stopPropagation（）; e.preventDefault（）;来阻止事件冒泡，和默认事件的执行。但不能阻止事件的追加。什么情况下要阻止事件的追加呢？比如：点击“结账”，这样的操作时，结账本身有自己的事件，但结账前要判断是否登录。我们可能会这样写：Js代码复制代码 代码如下:if（isLogin）{ //判断是否登录 console.log（"没有登录"） }else{ //结账相关代码 }如果点击“我的主页”也有登录判断...
JavaScript实现网页截图功能

JavaScript实现网页截图功能

2017年02月06日 12 阅读
使用JavaScript截图，这里我要推荐两款开源组件：一个是Canvas2Image，它可以将Canvas绘图编程PNG/JPEG/BMP的图像；但是光有它还不够，我们需要给任意DOM（至少是绝大部分）截图，这就需要html2canvas，它可以将DOM对象转换成一个canvas对象。两者的功能结合起来，就可以把页面上的DOM截图成PNG或者JPEG图像了，很酷。Canvas2Image它的原理是利用了HTML5的canvas对象提供了toDataURL...
让JavaScript和其它资源并发下载的方法

让JavaScript和其它资源并发下载的方法

2017年02月06日 12 阅读
在IE6/7里JavaScript会从两个方面阻碍页面呈现：script标签下面的网页资源在script加载完之前会停止请求、下载。script标签下面的html元素在script加载完之前会停止渲染。在ie6/7 firefox2/3 Safari3 Chrome1 和 opera下 script标签会阻碍下载：虽然在ie8，safari4，chrome2下script可以并发，但依然阻碍了其他资源的下载：有6种方法可以使script与其他资源并行下载：...
编程语言JavaScript简介

编程语言JavaScript简介

2017年02月06日 12 阅读
JavaScript 是什么？JavaScript 是一种广泛应用于客户端网页（浏览器）开发的脚本语言，如用来给 HTML 网页添加动态功能，比如响应用户的各种操作等。JavaScript 是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言，大部分情况下是由网页浏览器来执行的。JavaScript 是美国 Sun 公司的注册商标，目前 Javascript 的最新版本为 1.9 版，遵循 Ecma 国际（前身为欧洲...
JavaScript基础教程之alert弹出提示框实例

JavaScript基础教程之alert弹出提示框实例

2017年02月06日 12 阅读
alert 命令弹出一个提示框为便于对 JavaScript 有一个直观的认识，本节会提供几个简单的实例供 JavaScript 入门学习之用。下面的代码是一个弹出提示框的例子：复制代码 代码如下:<script type="text/javascript">alert（"我是提示文字！"）;</script>将上面部分代码，用文本编辑器（如写字板或其他更高级的编辑器，如 EditPlus 等）保存为 alert.html（或 al...
JavaScript代码应该放在HTML代码哪个位置比较好？

JavaScript代码应该放在HTML代码哪个位置比较好？

2017年02月06日 12 阅读
在哪里放置 JavaScript 代码？通常情况下，JavaScript 代码是和 HTML 代码一起使用的，可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方，会对 JavaScript 代码的正常执行会有一定影响，具体如下所述。放置于<head></head>之间将 JavaScript 代码放置于 HTML 文档的 <head></head> 标签之间是一个通常的做法。由于...
JavaScript中的6种运算符总结

JavaScript中的6种运算符总结

2017年02月06日 12 阅读
JavaScript 运算符主要包括：算术运算符赋值运算符比较运算符三元运算符逻辑运算符字符串连接运算符算术运算符运算符说明例子运算结果+加y = 2+1y = 3-减y = 2-1y = 1*乘y = 2*3y = 6/除，返回结果为浮点类型y = 6/3y = 2%求余，返回结果为浮点类型要求两个操作数均为整数y = 6%4y = 2++递加，分为前加和后加对布尔值和 NULL 将无效y = 2++y（前加）y++（后加）y = 3--递减，分为前递减...
JavaScript字符串对象的concat方法实例（用于连接两个或多个字符串）

JavaScript字符串对象的concat方法实例（用于连接两个或多个字符串）

2017年02月06日 16 阅读
JavaScript concat 方法concat 方法连接两个或多个字符串，其语法如下：复制代码 代码如下:str_object.concat（str1, str2, ...）str_object 是需要连接的第一个字符串（对象），str1 是需要连接的第二个字符串，str2 是需要连接的第三个字符串，依次类推，至少需要一个str1。concat 实例复制代码 代码如下:<script language="JavaScript">var s...
JavaScript字符串对象replace方法实例（用于字符串替换或正则替换）

JavaScript字符串对象replace方法实例（用于字符串替换或正则替换）

2017年02月06日 13 阅读
JavaScript replace 方法replace 方法用于在字符串中用一些字符串替换另一些字符串，或者替换符合正则匹配的字符串，并返回替换后的字符串。其语法如下：复制代码 代码如下:str_object.replace（reg_exp/str, replacement）参数说明:参数说明str_object要操作的字符串（对象）reg_exp/str必需。要匹配的正则表达式/要替换的字符串如果 reg_exp 具有全局标志 g，那么 replace...
JavaScript字符串对象slice方法入门实例（用于字符串截取）

JavaScript字符串对象slice方法入门实例（用于字符串截取）

2017年02月06日 13 阅读
JavaScript slice 方法slice 方法用于截取字符串中的一部分并返回该部分字符串。其语法如下：复制代码 代码如下:str_object.replace（start, end）参数说明:参数说明str_object要操作的字符串（对象）start必需。要截取的开始位置，从 0 开始计算；如果为负数，则从字符串末尾反向开始计算end可选。要截取的结束位置，如果省略则到字符串结束；如果为负数，则从字符串末尾反向开始计算slice 方法实例复制代码...
<< 921 922 923 924 925 926 927 928 929 930 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图