1,什么是DOM.DOM是文档对象模型的缩

1,什么是DOM.DOM是文档对象模型的缩,第1张

学过数据库中的层次模型没有? XML文档对象模型也就是(DOM) 就像层次结构的树,主要用于在内存中表示XML文档1)DOM树定义了XML文档的逻辑结构,给出了一种应用程序访问和处理XML文档的方法。 2)在DOM树中,有一个根节点,所有其他的节点都是跟节点的后代。 3) 在应用过程中,基于DOM的XML非稀奇将一个XML文档转换成一棵DOM树,应用程序通过对DOM树的 *** 作,来实现对XML文档数据的 *** 作。

我想你是不是要传当前<input>里面的值上去啊?写法是这样的:

onclick="Name('123')";//单纯的传入 123

onclick="Name(this)";Name是方法名,这样在js里面写:

function Name(Obj){

var name=Objvalue;//这样就拿到了;要是需要直接的值就写onclick="Name(thisvalue)"就行了

}

1导入JQuery插件(jar包)

首先到家可以自行前往官网下载JQueryjar包,博主下载的是331版本的,读者可自行选择版本

jar包导入很简单,首先我们传建一个项目,在项目中创建一个名为js的文件夹,把下载好的jar包粘贴到js文件夹即可,如:

 

2JQuery的基本使用方法

1连接

在编写项目中我们一般使用外联法,即新建一个后缀名为js的文件,用以下方法在HTML文件的<head>标签中添加下面两行代码,第一行为下载的JQueryjar包的文件地址,第二个则是我们新建的js文件(注意:新建js文件一定要写在JQueryjar包后,因为执行顺序是从上往下,先解析jar包在解析我们自己新建的js文件)

<script src="/js/jquery-331minjs"></script>

<script src="/js/loginjs"></script>

2编写

在js文件中我们第一件事就是要编写这样一个语句

  $(function(){

JQuery语句体;

  })

其作用为:$(function(){})是$(document)ready(function(){})的简写,或者$()ready(function(){}),会在DOM加载完成之后执行。也就是会在项目最后执行,就不会产生在THML语句前执行而出现的一系列问题;

3DOM对象与JQuery对象之间的转换

1获取DOM对象

var 对象名 = document(id获取,class获取,标签名获取)(“id名,class名,标签名”);//创建DOM对象

documentgetElementsById("Obj")

documentgetElementsByClassName("Obj")

documentgetElementsByName("div");

      var Domobj = documentgetElementById("Obj");//获取id为Obj的对象

      alert(DomobjinnerHTML);//输出Domobj对象的HTNL内容在d窗上

 

 

2获取JQuery对象

var $对象名 = $("#id名 或者 class名 或者 标签名")

//获取Jquery对象

      var $JQobj = $("#Obj");$("#xx")获取id名 $("xx")获取class名 $("div")获取标签名

      alert($JQobjhtml());

 

 

3DOM对象---->JQuery对象

var $对象名 = $(DOM对象);

// Dom对象--->Jquery对象

      var $D_JQ = $(Domobj);

      alert($D_JQhtml()) ;//获取标签体

      $D_JQhtml("对呀,你真可爱");

 

4JQuery对象---->DOM对象

var Dom对象名 = $JQuery对象名[0];

var Dom对象名 = $JQuery对象get(0);

// Jquery对象--->Dom对象

      var JQ_D = $JQobj[0];

      alert(JQ_DinnerHTML);

      JQ_DinnerHTML = "天呐,你也太可爱了吧";

      var JQ_D = $JQobjget(0);

      JQ_DinnerHTML = "天呐,你也太可爱了吧";

其实JQuery对象实际上就是DOM对象的的一个数组,[0],get(0)即为获取DOM对象数组中的第一个元素

JavaScript语言有以下特点:

(1) JavaScript语言的语法类似于C语言和Java语言。

(2) JavaScript程序由客户端的浏览器解释执行。

(3) JavaScript中,字母区分大小写。

由于JavaScript是解释执行的,所以它的语法远不如C语言等严格,如果程序中有错误,浏览器会忽略错误的部分,而不是停止执行。

JavaScript程序是在客户端执行的,它不能 *** 纵服务器中的数据库,所以包含了JavaScript的网页仍是静态网页。

整型常量:

以 0 开头的是八进制数,如 065。

以 0x 开头的是十六进制数,如 0x3f4a。

其它为十进制数,如 35,-70。

浮点常量:

如 128、-065、12e-7。

布尔常量:

有 true 和 false 两个。

字符串常量:

如:"OK"、"a"、"欢迎光临"。

注:JavaScript中的字符串可以用双引号分界,也可用单引号分界。如果串中含有一种引号,需用另一种引号分界。

转义字符:

如:\n 代表换行,\r 代表回车,\t 代表Tab符,\" 代表双引号,\' 代表单引号。

它们一般用于字符串之中。

undefined:

代表未定义的值。它不能用于计算,如果引用了一个不存在的变量,或没有赋值的变量时,输出此值。

null:

代表空值。它不能用于计算,但可以用它为变量赋值,来清空变量中原有的值。

说明:在JavaScript中没有其它语言中常见的字符型量,需要用字符串代替。

JavaScript的数据类型可分为两大类:原始类型、引用类型。原始类型变量的值存放在栈中,访问变量时可直接访问到变量的值。引用类型变量在栈中存放的是指针,其值另外存放在堆中,需要通过指针才能访问。

原始类型:包括 Undefined、Null、Boolean、Number、String 五种。

Undefined 类型:值为 undefined,代表一个未定义的量。

Null 类型:值为 null,一般用作占位符,表示一个尚不存在的对象。

Boolean 类型:值为 false 或 true,一般用于条件表达式中。

Number 类型:值为数字,可进行数值计算。

String 类型:值为字符串,可进行字符串处理。

引用类型:所有对象都是引用类型。包括 Boolean、Number、String、Array、Date、Math 等。

其中,Boolean、Number、String 既可以是原始类型,也可以是引用类型。

引用类型的变量除了可以访问变量的值以外,还提供了若干属性和方法。

JavaScript中的变量声明用关键字 var 引导,变量的类型取决于它的声明方式。

声明原始类型的变量:

var 变量名 = 值;

例如:

var x;

var b = true;

var k = 20;

var s = "abc";

变量 x 没有指定值,它的值默认为 undefined,变量 b 为 Boolean 型,变量 k 为 Number 型,变量 s 为 String 型。

声明引用类型的变量:

var 变量名 = new 类型名(初值);

例如:

var bb = new Boolean(false);

var str = new String("Hello");

var arr = new Array("red","yellow","blue");

变量 bb 是 Boolean 对象,变量 str 是 String 对象,变量 arr 是 Array 对象。

JavaScript的变量是弱类型的,变量的类型主要取决于它的值,你可以随时更改它的类型。

例如:

var i;

i = 20;

i = "red";

声明时变量 i 是 Undefined 类型,赋值一个整数后,它成为 Number 类型,赋值为字符串后,又成为 String 类型。

JavaScript中的运算符和C语言基本相同,优先级也相同。

算术运算符:+(加)、-(减)、(乘)、/(除)、%(取模)、++(增量)、--(减量)、-(取负)。

逻辑运算符:&&(与)、||(或)、!(非)。

比较运算符:>(大于)、>=(大于等于)、<(小于)、<=(小于等于)、==(等于)、!=(不等于)、===(严格相等)、!==(不严格相等)。

注:“相等”只要求值相等,“严格相等”要求值相等且类型相同。如:1=="1" 是 true,而 1==="1" 是 false。

位运算符:&(位与)、|(位或)、^(位异或)、~(按位取反)、<<(左移)、>>(右移)、>>>(填0右移)。

赋值运算符:=(赋值)、op=(运算赋值)。

注:运算赋值中的运算符可以是算术运算符或位运算符。如:“x+=10”表示“x=x+10”。

条件运算符:条件 表达式1 : 表达式2

注:若条件为 true,值为表达式1的值,否则为表达式2的值。

字符串连接运算符:+、+=。

如:"every"+"one" 的结果为 "everyone"。

注:连接的项目中可以包括字符串、常量、变量,不需要都是字符串,只要项目中有一个是字符串就会按字符串进行连接。

如:"ex"+20+"b" 的结果为 "ex20b"。

new 运算符:

用于创建一个对象。如:new Array() 表示生成一个数组对象。

delete 运算符:

用于删除一个对象。

JavaScript语句用“;”分界,但没有分号也可以正常使用,不过应该养成书写分号的习惯。

表达式语句:

x=1;

x++;

条件语句:if …… else ……

if( x>0 )

k = "A";

else

k = "B";

多路分支语句:switch …… case ……

switch( a )

{

case 1: x = "A"; break;

case 2: x = "B"; break;

case 3: x = "C"; break;

default: x = "D";

}

循环语句:while

while( x<5 )

{

y += x;

x++;

}

循环语句:do …… while

do

{

y += x;

x++;

}while( x<5 );

循环语句:for

for( i=1; i<=10; i++ )

{

x += 2;

}

退出循环:break、continue

break 语句可退出循环语句或 switch 语句。

continue 语句可结束本次循环,并开始下一次循环。

JavaScript语句用“;”分界,但没有分号也可以正常使用,不过应该养成书写分号的习惯。

表达式语句:

x=1;

x++;

条件语句:if …… else ……

if( x>0 )

k = "A";

else

k = "B";

多路分支语句:switch …… case ……

switch( a )

{

case 1: x = "A"; break;

case 2: x = "B"; break;

case 3: x = "C"; break;

default: x = "D";

}

循环语句:while

while( x<5 )

{

y += x;

x++;

}

循环语句:do …… while

do

{

y += x;

x++;

}while( x<5 );

循环语句:for

for( i=1; i<=10; i++ )

{

x += 2;

}

退出循环:break、continue

break 语句可退出循环语句或 switch 语句。

continue 语句可结束本次循环,并开始下一次循环。

对象(Object)是JavaScript中最重要的一种数据类型,一个对象中可包含若干属性和方法。

属性相当于一种变量,有些属性一开始就有值,可以通过它们获取对象的参数,有些属性是只读的,这种属性可作为常量使用。引用对象属性的方法是:

对象名属性名

方法相当于函数,你可以调用对象的方法来实现相应 *** 作。引用对象方法的方法是:

对象名方法名(参数)

有些方法不需要参数,但在调用时也不能省略括号。

JavaScript支持自定义对象,但我们在编程中使用的一般都是系统提供的对象。这些对象提供了丰富的属性和方法,可以在程序中直接使用它们。

JavaScript可访问的对象包括:本地对象、BOM 对象 和 DOM 对象。

本地对象 是JavaScript语言提供的对象,它们只能用于JavaScript程序中。包括 Boolean对象、Number对象、String对象、Array对象、Data对象、Math对象等。

BOM 对象 是由浏览器窗口提供的对象,它们由浏览器开发者提供,可以被包括JavaScript在内的脚本语言访问。包括 Window对象、Document对象、Navigator对象、Screen对象、History对象、Location对象等。

DOM 对象 是一种跨平台的对象,它们可以用于不同语言的程序中。DOM 对象对应的是页面中的标签,每个HTML标签都是一个 DOM 对象。

对象实例:

对象实例是对象的具体个体,一个对象可以拥有多个对象实例,比如每个字符串都是一个 String 对象的实例,我们访问对象时,实际上访问的是对象的实例。

本地对象的实例一般是通过 new 运算符生成的,比如:

var arr = new Array("red","yellow","blue");

var s = "Hello";

arr 是一个 Array 对象的实例,s 是一个 String 原始类型,但它也是一个伪对象,可以引用 String 对象的属性和方法。

BOM 对象对应的是浏览器窗口,它本身已经实例化了,可以直接访问,比如:

windowalert("Hello!");

documentwrite("欢迎光临");

window 是当前窗口的 Window 对象的实例,document 是当前窗口的 Document 对象的实例。

DOM 对象对应的是页面中的 HTML 标签,每个标签都是某种 DOM 对象的实例,它们往往是通过 Window 对象或 Document 对象间接访问的,比如:

var a = documentgetElementById("txt");

documentgetElementById("txt") 用于获取页面中 id="txt" 标签对应的 DOM 对象。

注意:在JavaScript中,对象名、属性名、方法名都是区分大小写的,如:“MathPI”不能写成“mathpi”,“documentwrite”也不能写成“Documentwrite”。

this 关键字:

this 是对当前对象自己的引用,用它可直接调用当前对象的属性和方法。比如:

<input type="radio" name="rr" value="A" onclick="sel(thisvalue)" />

<input> 是一个HTML标签,但它同时也是一个 DOM 对象,其中的 thisvalue 就是引用这个 Input 对象的 value 属性值。

第一,给你的linkbutton设置一个ClientID,ClientID就是前台ID

第二,link到了前台,也就是个a,就好比label到了前台就是个span,找到这个a就可以了

以上就是关于1,什么是DOM.DOM是文档对象模型的缩全部的内容,包括:1,什么是DOM.DOM是文档对象模型的缩、js 传参问题 onclick="([object Object])";、jquery怎么导入jar包等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9755435.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存