摘要：常见点击某图片返回XX页面的例子。对于a, img这样的内联元素，是无法设置width和height的，但是可以同多display:block;转换为块状元素。<a id="banner" href="http://xxx.xxx.xxx"> <img src="xxx/xxx.jpg" /></a>对于的CSS：#banner { dispaly: block; width: 1000px; height: 292px; margin: 10px auto;}#banner img { displ
阅读全文
摘要：HTML： <div id="header">Header Section</div><div id="page" class="clearfix"><div id="left">Left sidebar</div><div id="content">Main Content</div><div id="right">Right Content</div></di
阅读全文
摘要：首先，我们搭出大体的结构：<body> <div id="container"> <div id="header">Header Title</div> <div id="page" class="clearfix"> <div id="left">Left Sider</div> <div id="content">Main Content</div> <div
阅读全文
摘要：在元素内部插入DOM元素插入到元素内部原有元素之后append()appendTo()$("h1").append('<p>aaa</p>');$("<p>aaaa</p>").appendTo("h1");插入到元素内部原有元素之前prepend()prependTo()$("h1").prepend('<p>ppp</p>');$("<p>aaaa</p>").pr
阅读全文
摘要：在现代浏览器中都内置有大量的事件处理器。这些处理器会监视特定的条件或用户行为，例如鼠标单击或浏览器窗口中完成加载某个图像。通过使用客户端的 JavaScript，可以将某些特定的事件处理器作为属性添加给特定的标签，并可以在事件发生时执行一个或多个 JavaScript 命令或函数。窗口事件 (Window Events)仅在 body 和 frameset 元素中有效。onload: 当文档被载入时执行脚本onunload: 当文档被卸载时执行脚本表单元素事件 (Form Element Events)仅在表单元素中有效。onchange: 当元素改变时执行脚本onsubmit: 当元素被提交
阅读全文
摘要：核心属性 (Core Attributes)class: 规定元素的类名id: 规定元素的唯一idstyle: 规定元素的行内样式(innner style)title: 规定元素的额外信息(可以在工具提示中显示)，比如在abbr元素中使用语言属性 (Language Attributes)以下标签不提供下面的属性：base、br、frame、frameset、hr、iframe、param 以及 script 元素。dir: 设置元素内容的文本方向lang: 设置元素内容的语言代码xml:lang: 设置XHTML中内容的语言代码键盘属性 (Keyboard Attributes)acces
阅读全文
摘要：表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。表单使用表单标签（<form>）定义。输入文本域（Text）<form>First name: <input type="text" name="firstname" /><br />Last name: <input type="text" name="lastname" /></form>单选按钮（Radio）<f
阅读全文
摘要：li标签定义列表项，有序列表和无序列表都使用li标签。请使用CSS定义列表的类型。<html><body><p>有序列表：</p><ol> <li>打开冰箱门</li> <li>把大象放进去</li> <li>关上冰箱门</li></ol><p>无序列表：</p><ul> <li>雪碧</li> <li>可乐</li> <li>凉茶</li>&l
阅读全文
摘要：表格由table, tr, th, td组成。tr定义表格行， th定义表格表头， td定义表格单元。最简单的例子：<table id="mytable" cellspacing="0"> <tr> <th scope="col">姓名</th> <th scope="col">年龄</th> <th scope="col">电话</th> <th scope="col"&g
阅读全文
摘要：当浏览器window的尺寸改变时，resize事件将被绑定到window元素：$(window).resize(fucntion(){ alert("~~~~~");});
阅读全文
摘要：下面详细说说：jQuery(selector, [ context ])jQuery()可以写成$(),通过提供的选择器检索任何DOM元素并且通过这些元素创建一个新的jQuery对象。当其作为选择器的时候，可以参考：http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp默认情况下, 如果没有指定context参数，$()将在当前的 HTML document中查找 DOM 元素；如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。在jQuery 1.3.2以后，其返回
阅读全文
摘要：对于编码问题，如果是html5的话，使用：<meta charset="GB18030" />未使用html5的话：<meta http-equiv="Content-Type" content="text/html; charset=GB18030">然后修改浏览器为相应的字符编码，如果仍然出现乱码的情况，可能是编辑器编码问题，最简单的转换方式是使用记事本打开你的文件，另存为中选择ANSI编码方式。别的的，jsp文件中，还需要在开头加上：<%@ page language="java"
阅读全文
摘要：http://www.w3school.com.cn/js/js_reference.asp本部分提供完整的 JavaScript 参考手册：JavaScript 本地对象和内置对象Browser 对象（BOM）HTML DOM 对象
阅读全文
摘要：方式一：personObj=new Object()personObj.firstname="John"personObj.lastname="Adams"personObj.age=35personObj.eyecolor="black"方式二：function person(firstname,lastname,age,eyecolor){this.firstname=firstnamethis.lastname=lastnamethis.age=agethis.eyecolor=eyecolor}myFather=new per
阅读全文
摘要：捕获异常try...catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。语法：try{ //在此运行代码}catch(err){ //在此处理错误}throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try...catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。语法：throw(exception)举个例子：<html><body><script type="text/javascript">var x=prompt("Ent
阅读全文
摘要：学习最好的检验方法是测试，就是coding!当然，理论知识不能差，不然没发展。javascript呢，功能很强大，依靠浏览器本地处理优化，对浏览器的依赖性也比较大。javascript 的真实名称是ECMAScript,对于js有什么不清楚的，大可查阅ECMA.一门语言的入门，需要了解的是语法的规则。对于js ,变量的声明无需制定类型，但是当代码量一大，阅读起来也就不方便了，所以尽量约定一种命名方式。比如网易前端的命名方式，在变量的前面加上类型的第一个字母。js可以放置在html中的任何位置，也可以再head中外连接js文件。变量的创建使用var关键字， 比如:var x;基本的运算和其他语言
阅读全文
摘要：很不习惯vim的移动方式，还是比较习惯emacs。最近又有一款很火爆的编辑器，sublime text 2 ,使用了一下，界面很舒服，跳转很快。加上ZenCoding,编写前端简直是神器啊，舒服啊！ps: 在sublime下，只支持缩写扩展。-------------------使用技巧----------------------------html:xt>div#header>div#logo+ul#nav>li.item-$*5>a你能想象这样的一行代码，展开时候会是什么样子么：<!DOCTYPE html PUBLIC "-//W3C//DTD X
阅读全文
摘要：JavaScript 能做什么？1.JavaScript 为 HTML 设计师提供了一种编程工具HTML 创作者往往都不是程序员，但是 JavaScript 却是一种只拥有极其简单的语法的脚本语言！几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中。2.JavaScript 可以将动态的文本放入 HTML 页面类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面：document.write("<h1>" + name + "</h1>")3.JavaScript 可以对事件作出响应可
阅读全文
摘要：$("Element").eq(index)取得第n个元素，此方法的是从0算起的。$("div").eq(5)表示获得此页面中的第6个div $("Element").hasClass("className")检查当前的元素是否含有某个特定的类，如果有，则返回true。 $("Element").filter("Expression")筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。可用逗号分隔多个表达式。比如$("input","
阅读全文
摘要：$("Element").attr(name)取得第一个匹配元素的属性值，比如$("img").attr("src")$("Element").attr({key:value,key,value,....})表示为某一个元素一次性设置多个属性$("Element").attr(key,value)为某一个元素设置属性$("Element").attr(key,function)为所有匹配的元素设置一个计算的属性值。$("Element").removeAt
阅读全文
浙公网安备 33010602011771号
