Boostrap提供了12种JavaScript插件，包括： 动画过渡 Transition模态 Modal下拉菜单 Dropdown滚动侦测 Scrollspy选项卡 Tab提示框 Tooltip弹出框 Popover警告框 Alert按钮 Button折叠 Collapse旋转轮播 Carousel自动定位浮标 Affix模态弹窗 <div class="modal show"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="...
JavaScript他是一种描述性语言，其实他并不难学，只要用心学，一定会学好，我相信大家在看这篇文章的时候，一定也学过HTML吧，使用JavaScript就是为了能和网页有更好的交互，下面切入主题。 一. JavaScript 1.什么是JavaScript JavaScript是一种描述性语言，也是一种基于对象（Object）和事件驱动（Event Driven）的，并具有安全性的脚本语言。 2.JavaScript的特点 JavaScript主要用来向HTML页面添加交互行为。 JavaScript是一...
JavaScript 中有两个特数值： undefined和null，在比较它们的时候需要留心。在读取未赋值的变量或试图读取对象没有的属性时得到的就是 undefined 值。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head> <body> <script> var myData = { name:"Luka", weather:"sunny" }; document.writeln("Prop: "+myData.doesntexits); </script> </body> </html> 输出结果：Prop:...
因为 DOM 的存在，这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。 NOTE：下面提供的例子中的 element 均为元素节点。 获取节点 父子关系 element.parentNode element.firstChild/element.lastChild element.childNodes/element.children 兄弟关系 element.previousSibling/element.nextSibling element.previousElementSibling/element.nextElementSibling 通过节点直接的关系获取节点会导致代码维护性大大降低（节...
浏览器中的事件都是以对象的形式存在的，同样ie浏览器与标准dom浏览器之间存在获取事件对象上也存在差别。在ie浏览器中事件对象是windows对象的一个属性event，访问通常采用如下方法。代码如下: oP.onclick = function(){ var oEvent = window.event; }尽管它是window对象属性，但event对象还是只能在事件发生时被访问，所有的事件处理函数执行完之后，该对象就消失了。 而标准的dom规定event对象必须作为唯一的参数传给事件处理函...
对于用户事件类型而言，最常用的是鼠标、键盘、浏览器。 1.鼠标事件：鼠标的事件都频繁使用，下面例子就测试各种鼠标事件代码如下: <script language="javascript"> function handle(oEvent) { var disp = document.getElementById("display"); if (window.event) oEvent = window.event; //处理兼容性，获得对象 disp.innerHTML += "鼠标事件名称：" + oEvent.type ...
表格的css控制就先不说了，首先分享下表格常用的DOM表格添加操作的方法常用的为insertRow()和insertCell()方法。 row是从零开始计算起的，例如：代码如下:var oTr = document.getElementById("member").insertRow(2) 是指将新行添加到第二行。代码如下: var aText = new Array(); aText[0] = document.createTextNode("fresheggs"); aText[1] = document.createTextNode("W610"); aText[2] = document.createTextNode("Nov 5th"); ...
1.表单简介 表单<form>是网页中交互最多的形式之一，它通过各种形式接收用户的数据，包括下拉列表框，单选按钮，复选框和文本框，本篇主要介绍表单中常用的属性和方法 javascript中可以很方便的操作表单，例如获得表单数据进行有效验证，自动给表单域赋值，处理表单事件等。 此时每个form都解析为一个对象，即form对象，可以通过document.forms集合来引用这些对象，例如一个nama属性为form1的表单可以使用代码如下:document.forms[...
1.控制用户输入的字符个数 对于单行文本框和密码输入框，可以利用maxlength属性控制用户输入的字符个数。 对于多行文本，maxlength为自定义属性，其值最多输入的字符的个数，在onkeypress事件发生时则调运返回LessThan()函数返回值，函数如下 <textarea name="comments" id="comments" cols="40" rows="4" maxlength="50" onekeypress ="return LessThan(this);"></textarea> 详细代码代码如下: <script language="javascript"> fu...
在了解DOM(文本对象模型)的框架和节点后，最重要的是使用这些节点处理html网页 对于一个DOM节点node，都有一系列的属性和方法可以使用。常用的有下表。完善：http://www.w3school.com.cn/xmldom/dom_element.asp 1.访问节点 BOM提供了一些边界的方法访问节点，常用的就是getElementsByTagName()，和getElementById()代码如下: <script type="text/javascript"> function searchDOM(){ var oLi = document.getElementsB...
<html>位于网页的顶端 它没有父辈，称之为根节点 1.元素节点(element node) 可以说，整个DOM模型都是由元素节点(element node)组成 比如文本段落元素“<p>”,无序清单的名称“<ul>”,元素节点包含其他元素、 2.文本节点(text node) 例如<h2>中的文本“标题1”，<li>中的文字内容，这些具体文本在DOM称为(text node) 3.属性节点(attribute node) 作为页面中的元素，或多或少会有一些属性，例如几乎所有元素都有title属性。由于属性都...
break和continue语句对循环中的代码执行提供了更为严格的流程控制。break语句可以立刻退出循环，阻止再次执行循环体中的任何代码。continue语句只是退出当前这一循环，根据控制表达式还允许进行下一次循环。 break代码如下: <script language="javascript"> var aNumbers = new Array(); var sMessage = "你输入了:<br>"; var iTotal = 0; var vUserInput; var iArrayIndex = 0; do{ vUserInput = Number(prompt("输入一个数字...
函数是一个可以随时运行的语句，简单说，函数是完成某个功能的一组语句，它接受0或者多个参数。 函数的基本语法如下代码如下: function functionName([arg0,arg1,......argN]){ statement [return[expression]] }其中，function为自定义函数的关键字，functionName为函数名，arg表示传给函数的各种参数列表，各个参数之间使用逗号隔开。参数可以为空。 statement为函数 本省，可以是各种合法的代码块。 reture expression为返回函数...
包含在对象里的数据可以通过两种方式来访问 既属性的对象(property)和方法(method) 属性是隶属于某个特定对象的变量，方法则是某个特定对象才能调运的函数。 对象是由一些彼此相关的属性和方法集合在一起的一个数据实体、javacript中，属性和方法对使用“点”的语法来访问。代码如下: Object.proprty Object.method()假设一个汽车Car有品牌band,颜色color属性，可以通过以下办法来访问这些属性代码如下: Car.band Car.color再假设C...
argument是javascript中函数的一个特殊参数，例如下文，利用argument访问函数参数，判断函数是否执行代码如下: <script type="text/javascript"> function sayHello () { if (arguments[0] == "bye") return; else alert( "hello" + arguments[0]); } </script> 利用 argument 的 length属性可以返回参数的个数。代码如下: <script type="text/javascript"> function cNumbArg () { ...