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 () { ...