代码如下:<html><head><title>JS加入收藏夹</title></head><script>function addfavorite(){ if (document.all) { window.external.addFavorite('http://www.baidu.com','收藏夹'); } else if (window.sidebar) { window.sidebar.addPanel('百度一下', 'http://www.baidu.com', ""); }}</script><body><a href="#" onclick="addfavorite()">加入收藏!</a></body></html>
jquery与checkbox的checked属性的问题,讲的是控件<input type="checkbox"></input> 1、页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用document.getElementById("checkbox_id").checked获取的值与是否钩上一至,即与所见即所得 4、使...
一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下: 代码如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0;} body{color:#333;font:12px/1.5 Tahoma;padding-top:10px;} #outer{width:300px;margin:0 auto;} p{margin-bottom:10px;} button{margin-right:5px;} label{width:5em;display:inl...
代码如下:<script language=javascript> cities = new Object(); cities[台湾]=new Array(台北,台南,其他); cities[马来西亚]=new Array(Malaysia); cities[北京]=new Array(北京); cities[上海]=new Array(上海); cities[天津]=new Array(天津); cities[重庆]=new Array(重庆); cities[河北省]=new Array(石家庄, 张家口, 承德, 秦皇岛, 唐山, 廊坊, 保定, 沧州, 衡水, 邢台, 邯郸); cities[山西省]=new Array(太原, 大同, 朔州, ...
从一个表单checkbox获取到已选中的数据值: 代码如下:<input type="checkbox" name="cb" value="1" />aa <input type="checkbox" name="cb" value="2" />bb <input type="checkbox" name="cb" value="3" />cc <input type="checkbox" name="cb" value="4" />dd <br/> <input type="button" value="提交" onclick="checkedValues()" /> 采用原生JS写法: 代码如下:function checkedValues(){ var arr=new Array(); var checkbox=...
原理和过程 1.页面滚动加载事件 2.获取元素在页面里的top值 根据滚动条的位置 判断何时显示图片 3.获取元素集合 加载过的图片从集合里删除 效果预览:http://jsfiddle.net/dtdxrk/SkYNq/embedded/result/ 代码如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生Js页面滚动延迟加载图片</title> <style type="text/css"> *{margin: 0;padding: 0} img.scroll...
经常看到网页里图片渐变显示,自己写一个。 原理很简单就是修改元素的css透明度。 在线预览效果:http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 代码如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>原生Js元素渐隐/渐显方法</title> </head> <body> <button id="show">渐显</button> <button id="hiden">渐隐</button> <img src="http://images.cnitblog...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>弹出提示</title> <style> * { margin: 0; padding: 0; font-size: 12px; } html, body { height: 100%; width: 100%; } #content { background: #FFFF...
一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下: 代码如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0;} body{color:#333;font:12px/1.5 Tahoma;padding-top:10px;} #outer{width:300px;margin:0 auto;} p{margin-bottom:10px;} button{margin-right:5px;} label{width:5em;display:inl...
代码如下:document.onmousedown = function( e ){ alert(getButton(e)) // e.button W3C是获取鼠标按键 0 表示左键 1表示中键 2表示右键 而IE浏览器则是 1表示左键 4表示中间 2表示右键 这里的IE浏览器主要是IE8以下的浏览器 }; function getButton(e){ /* 1、window.event这个属性IE和Chrome都是支持的 2、但是Chrome也是支持W3C的 3、所以,如果说W3C和IE都支持的话,那么就已W3C做为标准化 */ if( e ){ // 作为第一次判断Chrome...
代码如下:document.onclick = function(e){ alert(getKey(e)); }; function getKey(e){ var e = e || window.event; var keys = []; if(e.shiftKey){ keys.push("shift键"); }; if(e.ctrlKey){ keys.push("ctrl键"); }; if(e.altKey){ keys.push("alt键"); }; return keys; };
代码如下:window.onload = function(){ var gaga = document.getElementById( "gaga" ); addClass( gaga,"gaga1" ) addClass( gaga,"gaxx" ); removeClass( gaga,"gaga1" ) removeClass( gaga,"gaga" ) function hasClass( elements,cName ){ return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); // ( \\s|^ ) 判断前面是否有空格 (\\s | $ )判断后面是否有空格 两个感叹号为转换为布尔值 以方便...
代码如下:var header1 = document.getElementById("header"); var p = document.createElement("p"); // 创建一个元素节点 insertAfter(p,header1); // 因为js没有直接追加到指定元素后面的方法 所以要自己创建一个方法 function insertAfter( newElement, targetElement ){ // newElement是要追加的元素 targetElement 是指定元素的位置 var parent = targetElement.parentNode; // 找到指定元素的父节点 if( parent.lastChild ==...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="javascript" src="../css02/js/jquery-1.6.1.js"></script> <script> $(document).ready(function(){ $("#selectAll").click(function(){ /...
代码如下:/* 拖拽流程: 1、第一步点击需要拖动的元素 2、在点击下的元素被选中,进行move移动 3、当鼠标弹起的时候,停止动作 4、点击元素oDIV的时候,可用的是oDIV区域,而move和up则是全局区域,也就是整个文档通用,即应该用document */ oDIV = document.getElementById("gaga"); oDIV.onmousedown = function( e ){ // 当鼠标点击下去的时候 var diffX = e.clientX - oDIV.offsetLeft; // 点击的位置距离浏览器最左边的位置(c...