/*2013-10-10  炫动网页设计丛书，这本书涉及的很基础，通俗易懂。要做好网页还得多实践*/ 行内元素无法居中：使用line-height属性值和height属性值相等 块元素的对齐属性align,作用是对齐区域内的内容。 [white-space]控制元素是否进行换行。 [blockquote] 标签中的所有文本都会从常规文本中分离出来，在两边进行缩进。 添加图像两种方

go(-1): 返回上一页, 原页面表单中的内容会丢失; back(-1): 返回上一页, 原页表表单中的内容会保留. 后退+刷新 history.back()是会上一页 i=1 history.go(i)去指定的某页 如果是history.go(0)那就是刷新这两个属于JS代码，相当于IE的前进、后退功能。 具体的用处就要看什么时候需要这个就用上。比如用

javascript的系统函数 1，encodeURI方法      返回对一个URI字符串编码中的结果，本质是UTF-8编码      eg:      var urlStr = encodeURI('http://fanli.qq.com/index.html?a=ddd&msg=中国');      alert(urlStr); 2, decodeURI方

什么是BOM？ BOM是Browser Object Model的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C（WHATWG,WebHyp

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。

作者： 阮一峰 学习Javascript，最难的地方是什么？ 我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。 下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍： 《面向对象的Javascript》（Object-Oriented JavaScript）

JavaScript事件汇总 事    件 触发时机 一般事件 onclick 鼠标单击时触发此事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事件 onmouseup 鼠标按下后松开鼠标时触发此事件 onmouseover

什么是arguments arguments 是是JavaScript里的一个内置对象，它很古怪，也经常被人所忽视，但实际上是很重要的。所有主要的js函数库都利用了arguments对象。所以agruments对象对于javascript程序员来说是必需熟悉的。 所有的函数都有属于自己的一个arguments对象，它包括了函所要调用的参数。他不是一个数组，如果用typeof argum

json ： javascript object notation   ---  javascript原生对象 //json 格式表示一个对象 /* var person = {name:"kate",age:"23"}; alert(person.name); */ /* //json格式表示一个 数组 var person = [ {name:"kate",age:"23

function selcity(){ var arr = [["--选择城市--"],["海定区","东城区","西城区","朝阳区"],["济南","青岛","日照","威海"], ["长沙","郴州","岳阳","株洲"],["广州","深圳","惠州","东莞"]]; var index = document.getElementById("selID")

ajax.html check.jsp

jQUery 初识     jQuery 是 javascript 库，封装了很多预定义的对象和实用函数。轻量级的js库， 是一个优秀的javascript框架，宗旨是 "  WRITE LESS ,DO  MORE "  jQuery 对象是 通过jQuery 包装DOM对象后产生的对象，如果一个对象是jQuery 对象，那么它可以实用jQuery中的方法，但是jQuery无法使用DOM对象

转载自 Window.onload=function(){ //页面加载,不能同时编写多个，最后面的会覆盖前面的 }   $(document).ready(function(){ //页面加载,能同时编写多个 }); 相当于 $(function(){ //页面加载,能同时编写多个9 });   $(“#foo”).h

客户端  jsp文件   请选择省份... 请选择城市... javascript代码  function ajaxFunction(){ var xmlHttp; try{ //Firefox xmlHttp = new XMLHttpRequest(); }catch(e){ try{ //IE xmlH

//通过递归获取节点的层次关系 var str = " "; function listNodes(node,level){ printInfo(node,level); level++; var nodes = node.childNodes; for(var x=0;x<nodes.length;x++){ if(nodes[x].hasChildNodes()

动态改变样式 数据封装 -> 确定事件源 -> 注册事件  -> 事件处理 function changeStyle(className){ var divID = document.getElementById("newsId"); divID.className = className; } /*样式选择器*/ .big{ background-colo

function list(dtNode){ /* var dtNode = event.srcElement; //基于事件源驱动 var dlNode = dtNode.parentNode; */ var dlNode = dtNode.parentNode; // 事件源对象通过this传入 if(dlNode.className=="open"){ dlNode.c

function createTab(){ //动态创建表格 var tabNode = document.createElement("table"); tabNode.setAttribute("id","tabID"); var rowNum = document.getElementsByName("rowNum")[0].value; //取文本框的值 var colNu

function getsum(){ //根据选择的复选框，计算资金总和 var items = document.getElementsByName("item"); var sum = 0 ; for(var x=0;x<items.length;x++){ if(items[x].checked) sum += parseInt(items[x].value);

广告随鼠标移动  window.onload = function(){ // 广告跟着鼠标移动 document.body.onmouseover = function(){ var adNode = document.getElementById("ad"); adNode.style.left = event.x -10; // event.x 获取鼠标的x坐标

var b = true ; function sortAge(){ var tabNode = document.getElementsByTagName("table")[0]; var trNodes = tabNode.rows; //获取表格中的行对象 var arr = new Array(); for(var x=1;x<trNodes.length;x++){

var name; //存储tr对象的类名，当鼠标移开时进行恢复 function trcolor(){ //表格行颜色间隔显示 var tabNode = document.getElementsByTagName("table")[0]; var trNodes = tabNode.rows; for(var x=1;x<trNodes.length;x++){ if(

window.onload = function(){ //添加一条记录 document.getElementById("adduser").onclick = function(){ //获取文本框的值 var namevalue = document.getElementById("name").value; var emailvalue = document.getE

//选中的从左边移到右边 function toright() { var firstElement = document.getElementById("first"); var secondElement = document.getElementById("second"); var firstoptionElement = firstElement.getEleme

a1.jsp  function openwin(){ //模式对话框，弹出后此页面就不可获得焦点 window.showModalDialog("index.jsp",window,"status:no;dialogHeight:210px;dialogWidth:360px;help:no"); //无模式对话框 window.showModelessDialog

客户端文件     Insert title here test.js代码 /** * ajax建立和服务器的链接，接收服务器的请求，处理服务器返回的数据 * 开发步骤： * 创建xmlHttpRequest对象 * 处理服务器端的响应 * 打开和服务器的链接 * 发送服务 * */ function ajaxFunct

COME FROM 老话题,关于js的自定义事件,用处很多(控件控都懂的..),最明显的是实现观察者模式. 简易版代码: 1 function Class1(){ 2 } 3 Class1.prototype ={ 4 //间接调用 5 evt : function(){ 6