jQuery在页面加载时动态修改图片尺寸的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery在页面加载时动态修改图片尺寸的方法。分享给大家供大家参考。具体如下：$（window）.bind（"load", function（） {// IMAGE RESIZE$（"#product_cat_list img"）.each（function（） {var maxWidth = 120;var maxHeight = 120;var ratio = 0;var width = $（this）.width（）;var heig...

jQuery实现平滑滚动到指定锚点的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery实现平滑滚动到指定锚点的方法。分享给大家供大家参考。具体如下：定义好指定的anchor锚点，调用下面的js代码可以让页面平滑的滚动到指定的位置，非常实用，比如返回页面顶部，去往页面底部等功能// HTML:// <h1 id="anchor">Lorem Ipsum</h1>// <p><a href="#anchor" class="topLink">Back to Top<...

jQuery找出网页上最高元素的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery找出网页上最高元素的方法。分享给大家供大家参考。具体如下：这段JS代码通过jQuery遍历网页上的元素，找出其中最高的元素$（document）.ready（function（） {var maxHeight = -1;$（".features"）.each（function（） { maxHeight = maxHeight > $（this）.height（） ? maxHeight : $（this）.heig...

纯Javascript实现ping功能的方法

2017年02月06日 13 阅读

本文实例讲述了纯Javascript实现ping功能的方法。分享给大家供大家参考。具体实现方法如下：function ping（ip） {var img = new Image（）;var start = new Date（）.getTime（）;var flag = false;var isCloseWifi = true;var hasFinish = false;img.onload = function（） {if （ ！hasFinish ） {...

JS定义网页表单提交（submit）的方法

2017年02月06日 12 阅读

本文实例讲述了JS定义网页表单提交（submit）的方法。分享给大家供大家参考。具体如下：这段代码表示网页表单提交时不是提交到指定的页面，而是执行一个特定的函数<script>function saveInfo（） { localStorage.setItem（"name",$（"#name"）.val（））;}</script><form id=register onSubmit="return saveInfo（）">...

JavaScript把数组作为堆栈使用的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript把数组作为堆栈使用的方法。分享给大家供大家参考。具体如下：JavaScript把数组作为堆栈使用的代码范例，支持堆栈常用的push和pop方法<script type="text/javascript">var numbers = ["one", "two", "three", "four"];numbers.push（"five"）;numbers.push（"six"）;document.write（num...

JavaScript通过join函数连接数组里所有元素的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript通过join函数连接数组里所有元素的方法。分享给大家供大家参考。具体实现方法如下：<script type="text/javascript">var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];document.write（"days:"+days.join（","））;</script&...

JavaScript删除数组元素的方法

2017年02月06日 13 阅读

本文实例讲述了JavaScript删除数组元素的方法。分享给大家供大家参考。具体分析如下：JS中可以通过delete删除数组元素，但是删除后数组的大小不会改变<script type="text/javascript"><！--var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];document.write（"Number ...

JavaScript获得url所有参数键值表的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript获得url所有参数键值表的方法。分享给大家供大家参考。具体实现方法如下：function getUrlVars（） {var vars = [], hash;var hashes = window.location.href.slice（window.location.href.indexOf（"?"） + 1）.split（"&"）;for （var i = 0; i < hashes.length; i+...

JavaScript动态加载样式表的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript动态加载样式表的方法。分享给大家供大家参考。具体如下：如果需要更换皮肤，我们可以通过JS代码动态加载皮肤的样式表，下面的代码就可以做到，非常简单，你只需要把这段代码做成函数动态调用即可。var el = document.createElement（"link"）;el.rel = "stylesheet";el.type = "text/css";el.href = "http://www.jb51.net/..." +...

JavaScript实现当网页加载完成后执行指定函数的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript实现当网页加载完成后执行指定函数的方法。分享给大家供大家参考。具体分析如下：下面的JS代码演示了如何在网页加载完成时调用指定的函数，并且可以通过第二段代码动态添加多个函数同时执行。我们只需要给window.onload指定一个函数既可以在页面加载完成时自动执行MyCoolInitFunc函数<script type="text/javascript" >window.onload = MyCoolInitFun...

JavaScript实现向OL列表内动态添加LI元素的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript实现向OL列表内动态添加LI元素的方法。分享给大家供大家参考。具体分析如下：JavaScript向OL列表内动态添加LI元素的方法，下面JS代码每次点击按钮都会想OL列表中动态添加一个LI<script type="text/javascript">function addItem（） { var myitem = document.getElementById（"ItemToAdd"）.value; var ...

JavaScript动态修改网页元素内容的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript动态修改网页元素内容的方法。分享给大家供大家参考。具体分析如下：下面的JS代码当用户点击提交按钮后，通过元素的textContent或者innerHTML动态指定元素的内容<script type="text/javascript">function showCard（） { var message = document.getElementById（"CCN"）.value; var element = do...

JavaScript判断表单提交时哪个radio按钮被选中的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript判断表单提交时哪个radio按钮被选中的方法。分享给大家供大家参考。具体分析如下：这里的表单提交时通过JavaScript判断哪个radio按钮被选中了<script type="text/javascript">function findButton（） {var myForm = document.forms.animalForm;var i;for（i=0;i<myForm.marsupial.le...

JavaScript实现俄罗斯方块游戏过程分析及源码分享

2017年02月06日 12 阅读

观摩一下《编程之美》：“程序虽然很难写，却很美妙。要想把程序写好，需要写好一定的基础知识，包括编程语言、数据结构与算法。程序写得好，需要缜密的逻辑思维能力和良好的梳理基础，而且熟悉编程环境和编程工具。”学了几年的计算机，你有没有爱上编程。话说，没有尝试自己写过一个游戏，算不上热爱编程。俄罗斯方块曾经造成的轰动与造成的经济价值可以说是游戏史上的一件大事，它看似简单但却变化无穷，令人上瘾。相信大多数同学，曾经为它痴迷得茶不思饭不想。游戏规则1、一个用于摆放小型...

浅谈jQuery中的事件

2017年02月06日 12 阅读

JQuery事件初见1.JQuery中的事件绑定其实呢，JQuery中标准的事件绑定是这样写下：（如下）复制代码 代码如下:$（"#btn"）.bind（"click",function（）{}）；但是每次这样写，太过麻烦，还怎么做到Write less，Do more？所以我们习惯的简写成。$（"#btn"）.click（function（）{ }） 这样就方便了好多2.合成事件hover（enterfn，leavefn）当鼠标放在元素上的时候调用ent...

JavaScript通过this变量快速找出用户选中radio按钮的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript通过this变量快速找出用户选中radio按钮的方法。分享给大家供大家参考。具体分析如下：下面的JS代码通过this变量结合radio按钮的onchange事件快速找出用户选择的哪一个radio按钮<script>function favAnimal（button） {alert（"You like "+button.value+"s."）;}</script><input type="rad...

JavaScript通过select动态更换图片的方法

2017年02月06日 15 阅读

本文实例讲述了JavaScript通过select动态更换图片的方法。分享给大家供大家参考。具体分析如下：下面的JS代码在select列表变化时触发SetBeerIcon（）函数，SetBeerIcon（）函数可以根据select选择的值动态修改图片...<script language="JavaScript" type="text/javascript" >function setBeerIcon（） { var beerIcon = do...

JavaScript通过prototype给对象定义属性用法实例

2017年02月06日 12 阅读

本文实例讲述了JavaScript通过prototype给对象定义属性的用法。分享给大家供大家参考。具体分析如下：下面的JS代码定义了movie对象。在使用对象的过程中又通过prototype给对象添加了isComedy属性，调用的时候直接使用object.isComedy即可，非常方便。<script type="text/javascript"><！--function movieToString（） {return（"title: ...

JavaScript通过function定义对象并给对象添加toString（）方法实例分析

2017年02月06日 14 阅读

本文实例分析了JavaScript通过function定义对象并给对象添加toString（）方法。分享给大家供大家参考。具体分析如下：下面的JS代码通过function定义了一个movie对象，在movie对象内定义了一个toString方法，toString方法通过外部函数实现。<script type="text/javascript">function movieToString（） {return（"title: "+this.tit...