当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树。 1.查找 HTML 元素 （1）通过 id 查找 HTML 元素 document.getElementById("id"); （2）通过标签名查找 HTML 元素 document.getElementsByT…

try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 与PHP类似 try { aaaa("12243"); }catch(err){ document.write(err.message); //输出 aaaa is not defined } 可以使用throw抛出异常 try { var a = 10;…

一、if语句 if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码 if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行 特别注意：else if 之间要空开，这点与PHP不同。 二、switch语…

一、函数 使用function定义函数，函数参数不能设置默认值。 function myfun(var1,var2){ $str = "My name is "+var1+", my age is "+var2; console.log($str); } myfun("zhangsan",12); 可以使用return 返回值 function m…

一、变量 1.声明变量 变量必须以字母开头，也能以 $ 或 _ 符号开头； 变量名称对大小写敏感； 使用 var 关键字声明变量； 可以在一条语句中声明多个变量； var a=1,b=2,c=3; //可以一次声明多个变量 未使用值来声明的变量，值是 undefined； 如果重新声明 javascript 变量，该变量的值不会丢失； var a …

select2是一款很好用的jquery插件。功能貌似很多很强大。这里我只简单介绍我使用它最基础的功能-在select标签中搜索options。 有这样一个需求：在<select>标签中有非常多的<option>，如果我们想找到自己需要的某个选项，是非常耗时的。select2插件提供一个简单的可以搜索的功能，如下图 这样我们…

一般在商城网站，下单商品时，商品数量可以点击加减符号对数量进行增加和减少。这个用js可以实现，下面介绍下： 代码如下 <div class="item"> 购买数量： <div class="buynum"> <a href="javascript:void(0);" class="jx">-</a>…

有时我们在制作表单时会需要客户填写地址，比如淘宝的收货地址，这里一般会有省市区的选择，并且是在某个省时市的选项会跟着变化，也就是三级联动。这个用js可以实现，不过自己写起来比较麻烦，下面介绍下使用distpicker如何制作三级联动： 1.页面引用 distpicker.js 和 jquery.js <script src="js/jquer…

最近在制作列表使用<li>标签，默认li标签内的内容是自动换行的。由于样式需要，要求li标签的内容不换行。 默认自动换行状态如图： 这样是很不美观的，我们需要给li标签做以下css修饰： li { overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } 注意：ov…

一直以来对HTML5页面在手机端的显示有些疑惑，今天刚好看到了CSS中的媒体查询方面的介绍。随便就了解到了 viewport（视口）这个概念。 在HTML5页面头部，我们一般会看到下面的这段声明代码： <meta name="viewport" content="width=device-width, initial-scale=1">…