javascript 文档,js开发文档
大家好,关于javascript 文档很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于js开发文档的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!
javascript是什么意思
javascript
一种由Netscape的LiveScript发展而来的脚本语言,它提高与Java的兼容性。JavaScript采用HTML页作为其接口
为了使网页能够具有交互性,能够包含更多活跃的元素,就有必要在网页中嵌入其它的技术。如:Javascript、VBScript、Document Object Model(文件目标模块)、Layers和 Cascading Style Sheets(CSS),这里主要讲Javascript。那么Javascript是什么东东?Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言,如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言(scripting language),或者称为描述语言。在HTML基础上,使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。运行用Javascript编写的程序需要能支持Javascript语言的浏览器。Netscape公司 Navigator 3.0以上版本的浏览器都能支持 Javascript程序,微软公司 Internet Explorer 3.0以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的Javascript,称为JScript。 Javascript和Jscript基本上是相同的,只是在一些细节上有出入。 Javascript短小精悍,又是在客户机上执行的,大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。
虽然,在Dreamweaver的Behaviors可以为我们方便地使用Javascript程序而不用编写代码,但我们自己了解了Javascript的编程方法后,将能更加方便灵活地应用,也使 Javascript的代码更简练。本专题通过对一系列典型程序的剖析,使你快速地掌握Javascript的编程技巧,设计出质量上乘的动态网页打下坚实的基础。在此之前,我们先了解一些Javascript的基本概念。
JavaScript有什么特点
JavaScript使网页增加互动性。JavaScript使有规律地重复的HTML文段简化,减少下载时间。JavaScript能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI验证。JavaScript的特点是无穷无尽的,只要你有创意。
Java与 JavaScript有什么不同
很多人看到 Java和 JavaScript都有“Java”四个字,就以为它们是同一样东西,连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java,全称应该是 Java Applet,是嵌在网页中,而又有自己独立的运行窗口的小程序。Java Applet是预先编译好的,一个 Applet文件(.class)用 Notepad打开阅读,根本不能理解。Java Applet的功能很强大,可以访问 http、ftp等协议,甚至可以在电脑上种病毒(已有先例了)。相比之下,JavaScript的能力就比较小了。JavaScript是一种“脚本”(“Script”),它直接把代码写到 HTML文档中,浏览器读取它们的时候才进行编译、执行,所以能查看 HTML源文件就能查看JavaScript源代码。JavaScript没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。它们的相同点,我想只有同是以 Java作编程语言一点了。
开发 JavaScript该用什么软件
一个 JavaScript程序其实是一个文档,一个文本文件。它是嵌入到 HTML文档中的。所以,任何可以编写 HTML文档的软件都可以用来开发 JavaScript。在此我推荐大家用 FrontPage 2000附带的 Microsoft脚本编辑器(在 FrontPage菜单|工具|宏| Microsoft脚本编辑器)。它是个像 Visual Basic/ C++一样的程序开发器,能对正在输入的语句作出简要提示。配合 FrontPage 2000,使工作量大大减少。
一、Javascript在网页的用法
Javascript加入网页有两种方法:
1、直接加入HTML文档
这是最常用的方法,大部分含有Javascript的网页都采用这种方法,如:
<script language="Javascript">
<!--
document.writeln("这是Javascript!采用直接插入的方法!");
//-Javascript结束-->
</script>
在这个例子中,我们可看到一个新的标签:<script>……</script>,而<script language="Javascript”>用来告诉浏览器这是用Javascript编写的程序,需要调动相应的解释程序进行解释。
HTML的注释标签<!--和-->:用来去掉浏览器所不能识别的Javascript源代码的,这对不支持 Javascript语言的浏览器来说是很有用的。
//-Javascript结束:双斜杠表示 Javascript的注释部分,即从//开始到行尾的字符都被忽略。至于程序中所用到的document.write()函数则表示将括号中的文字输出到窗口中去,这在后面将会详细介绍。另外一点需要注意的是,<script>……</script>的位置并不是固定的,可以包含在< head>......</head>或<body>.....</body>中的任何地方。
2、引用方式如果已经存在一个Javascript源文件(以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下:
<script src=url language="Javascript"></script>
其中的Url就是程序文件的地址。同样的,这样的语句可以放在HTML文档头部或主体的任何部分。如果要实现“直接插入方式”中所举例子的效果,可以首先创建一个Javascript源代码文件“Script.js”,其内容如下:
document.writeln("这是Javascript!采用直接插入的方法!");
在网页中可以这样调用程序:<script src="Script.js" language="Javascript"></script>。
二、Javascript基本概念
在这里只作简单介绍,在以后的例子中结程序再作具体解释其作用。
1、运算符
运算符就是完成操和的一系列符号,它有七类:
赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符。
2、表达式
运算符和操作数的组合称为表达式,通常分为四类:赋值表达式、算术表达式、布尔表达式和字符串表达式。
3、语句
Javascript程序是由若干语句组成的,语句是编写程序的指令。Javascript提供了完整的基本编程语句,它们是:
赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环中止语句和continue循环中断语句。
4、函数
函数是命名的语句段,这个语句段可以被当作一个整体来引用不着和执行。使用函数要注意以下几点:
1)函数由关键字function定义;
2)函数必须先定义后使用,否则将出错;
3)函数名是调用函数时引用的名称,它对大小写是敏感的,调用函数时不可写错函数名;
4)参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量;
5)return语句用于返回表达式的值,也可以没有。
5、对象
Javascript的一个重要功能就是基于对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。
一组包含数据的属性和对属性中包含数据进行操作的方法,称为对象。比如要设定网页的背景颜色,所针对的对象就是document,所用的属性名是bgcolor,如document.bgcolor="blue",就是表示使背景的颜色为蓝色。
6、事件
用户与网页交互时产生的操作,称为事件。绝大部分事都由用户的动作所引发,如:用户按鼠标的按钮,就产生onclick事件,若鼠标的指针的链接上移动,就产生onmouseover事件等等。在Javascript中,事件往往与事件处理程序配套使用。
学习Javascript比较快速有效的方法是先熟悉一些基本概念,然后找几个别人设计好的程序认真仔细地分析一遍,再稍作改动,再看看能否达到预期目的,不断地举一反三,既可以加深对一些参数、设计方法的理解,又可以快速地提高自己的水平。另外,再提醒一下:Javascript对大小写是敏感的,特别是一些对象、方法、属性的大小写一定要一致,要养成一种良好的习惯,否则在调试程序时可要累死你了。
7、变量
如 var myVariable="some value";
什么是javascript
JavaScript是个脚本编程语言,支持Web应用程序的客户端和服务器端构件的开发.在客户端,它用於编写Web浏览器在Web页面上下文中执行的程序,在服务器端,它可用於编写用於处理Web浏览器提交的信息并相应地更新浏览器显示的页面。在前面介绍HTML时,我们曾经讲到如果想要实现更多的互动网页,就要在客户端和服务器端对数据进行处理,而对於客户端的处理主要是配合客户端网页技术的Script语言,它在设计网页时扮演的角色
◆动态网页:JavaScript能够开发与用户双向互动的功能,因为不需要将数据在客户端和服务器间来回传递,在速度上拥有即时的反应效果,因为程序直接在浏览器执行。
◆表单处理与验证:作为表单栏位的验证,检查表单栏位是否输入错误。
◆浏览器对象:直接使用浏览器对象,建立复杂的网页内容,例如:打开新窗口载入网页。当然利用JavaScript我们还可以制作出各种个样的图片,文字,鼠标,动画和页面的效果,甚至还可以做各种客户端的小游戏呢!JavaScript可以插入到HTML文件内进行制作。若想使用JavaScript,应通过下面的格式将其插入HTML文件。 JavaScript代码
◆LANGUAGE:设定Script语言的种类。若为JavaScript,则填写JavaScript;若为VBScript,则填写VBScript。
◆SRT:设定包含路径的文件名,例如"C:/JScript/test.js"。Script标记可以放在HTML文档的head或body中,多数情况下,最好把Script标记放在文档头部,以确保脚本中的所有JavsScript定义均在文档主体之前。
◆JavaScript的说明语句使用了类似C++和JAVA的语法,"//"表示说明直到行尾,"/*"和"/*"表示其中的内容为说明信息。通过JavaScript不仅可以向Document对象写入简单文本,也可以用JavaScript生成在当前文档中显示的HTML元素。JavaScript和其它编程语言一样,用变量存放数值.变量可以在程序其他部分使用。变量名可以用大写字母(A-Z),小写字母(a-z),和下划线开头,其余的字符可以使用字母,下划线或数字,变量名是区分大小写的。与其他语言不同的是,JavaScript并不要求指定变量中包含的数据类型(甚至无法指定)。事实上,JavaScript能够自动识别所输入的数字或符号,所以在JavaScript中,不需设定数据类型。但另一方面,由於JavaScript自动完成不同类型之间的转换,所以一定要跟踪变量的数值类型,及其变量表达式中的转换过程。
JavaScript支持以下四种基本数值类型。整数:表示整数的方法有10进制,8进制和16进制。就一般使用的数值而言,16进制是指0-15的数值,在JavaScript中,在其前面加"0x",标志其为16进制,8进制是在0-7前面加"0"。浮点数:表示小数,很大的数或极小数,也可以是要用指数计数表示的数。表示较大数值时,可用E表示指数。字符串:字符串被双引号("")或单引号(')标识后加以使用。双引号中或单引号中的数字不作为数字而作为字符串使用。因此这些数字不能参加计算。NaN:NaN即'Not a Number'表示是非数字的含义。在JavaScript内使用内置函数或错误字符串时,将会返回NaN这一特殊值。 Null:Null是指JavaScript内使用了空值。没有声明的变量,或者没有赋予任和值的变量就会返回Null值。它与数值0和空字符串("")有所区别。
除了前面介绍的基本类型外,JavaScript还支持两个复杂类型的变量,数组和对象,它们是用基本字符串,数字和逻辑类型构造起来的。数组:数组是能够存放一序列数值的对象,这些数值存放在数组的索引位置中。例如:可以用数组存放公司员工的资料,要在Web页面上显示员工姓名,可以用数组名跟踪员工姓名。
JavaScript文档节点和文本节点一样吗
JavaScript文档节点和文本节点一样吗?不一样。常见的节点分五种:
1:元素,Element;
2:属性,Attribute;
3:文本,Text;
8:注释,Comment;
9:文档,Document。
更多的参见::w3school../jsref/prop_node_nodetype.asp
文档就是DOM树的根节点(其实就是<></>),剩下所有节点都包含在文档里。
元素就是一个个标签了,<p><div>什么的。
属性是元素里的,<p id="id" name=name>这种的。
文本是元素或属性中的文本内容,<p id="我是文本">我也是文本</p>这种。
javascript怎么修改一个文本节点? document.getElementById("mi").innerText=“”;
document.all.mi.innerText=“”;
这两个都可以,或者用innerHTML
JavaScript中如何添加文本节点?最简单的方法就是用元素的innerHTML属性赋值,如:myNewElement.innerHTML=“我是文本”;但这样不能清晰的体现DOM中新增加了一个文本节点。
然后另一种添加文本节点的方式,可分为两步:
1、创建节点:文本节点的创建使用createTextNode方法,如:var myText= document.createTextNode(“我是文本”);
2、将创建的节点用appendChild方法添加某个元素下。如:myNewElement.appendChild(myText);这样myNewElement就有myText的文本节点,文本节点的内容是“我是文本”即可。
获取属性节点
第一种方法:获取官方定义的属性节点(获取元素的对应属性值)。
格式:元素节点,属性名。
注意:不能获取自定义属性的值。
代码如下:
console.log(jsInput.placeholder);
alert("是时候展现真正的技术");
设置属性节点的值
公式:元素节点.属性名=新的属性值
代码如下:
设置元素对应属性的值
元素节点.属性名=新的属性值
jsInput.placeholder="sunck good";
第二种方法
公式:元素节点. getAttribute(属性名);
注意:还可以获取自定义属性的值。
代码:
console.log(jsInput.getAttribute("my"));
设置自定属性的值
公式:元素节点. setAttribute(属性名,新属性值);
注意:当属性不存在时,变为添加属性
代码:
设置
元素节点.setAttribute(属性名,新属性值);
jsInput.setAttribute("my","sunck");
注意:当属性不存在时,变为添加属性
jsInput.setAttribute("other","sunck");
删除属性节点
公式:元素节点.removeAttribute(属性名);
注意:某些低版本浏览器不支持
代码:
jsInput.removeAttribute("other");
console.log(jsInput);
jsDOM怎样过去文本节点 DOM中有三大节点,分别是元素节点,文本节点,属性节点,他们所对应的nodeType不相同。
其中:
对于元素节点,nodeType=1;
对于属性节点,nodeType=2;
对于文本节点,nodeType=3;
可以通过判断nodeType进行过滤文本节点。
tinyxml怎样获得文本节点的文本 tinyxml是基于DOM模型的
你应该把整个要解析的XML串传给TiDocument
然后取First_child
然后ToElement
然后GetValue
空文本节点问题,急求帮助超文本标记语言或超文本链接标示语言(标准通用标记语言下的一个应用)HTML(HyperText Mark-up Language)是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,
它消除了不同计算机之间信息交流的障碍。
它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。
HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
有什么js函数可以获取和操作文本节点,注释节点有什么js函数可以获取和操作文本节点,注释节点
因为你注释前面有空白区域,dom解析时也会把他当成一个dom节点,所以是文本类型,下一个就是注释了
在javascript中使用变量来创建文本节点是咋回事的<ul>
<li id="li1"><li>
</ul>
var lix= document.createElement("li");
var targetElement= document.getElementById("li1");
var parent= targetElement.parentNode;
if(parent.lastChild== targetElement)
{
parent.appendChild(lix);
}
else
{
parent.insertBefore(lix, targetElement.nextSibling);
}
“创建一个文本节点”是要做什么? 1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
document.documentElement返回文档的根节点<>
document.body<body>
document.activeElement返回当前文档中被击活的标签节点(ie)
event.fromElement返回鼠标移出的源节点(ie)
event.toElement返回鼠标移入的源节点(ie)
event.srcElement返回激活事件的源节点(ie)
event.target返回激活事件的源节点(firefox)
当前对象为node
返回父节点:node.parentNode, node.parendElement,
返回所有子节点:node.childNodes(包含文本节点及标签节点),node.children
返回第一个子节点:node.firstChild
返回最后一个子节点: node.lastChild
返回同属上一个子节点:node.nextSibling
返回同属下一个子节点:node.previousSibling
parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和
childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持
,所以大家只要记得有parentElement和children就行了
2、DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
(1)创建新节点
createDocumentFragment()创建一个DOM片段
createElement()创建一个具体的元素
createTextNode()创建一个文本节点
(2)添加、移除、替换、插入
appendChild()
removeChild()
replaceChild()
insertBefore()
(3)查找
getElementsByTagName()通过标签名称
getElementsByName()通过元素的Name属性的值
getElementById()通过元素Id,唯一性
3、事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
IE 5.5: div-> body-> document
IE 6.0: div-> body->-> document
Mozilla 1.0: div-> body->-> document-> window
(2)捕获型事件(event capturing):事件从最不精确的对象(document对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)。
(3)DOM事件流:同时支持两种事件模型:捕获型事件和冒泡型事件,但是,捕获型事件先发生。两种事件流会触及DOM中的所有对象,从document对象开始,也在document对象结束。
DOM事件模型最独特的性质是,文本节点也触发事件(在IE中不会)。
4、XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
XMLHttpRequest对象提供了在网页加载后与服务器进行通信的方法。
<script type=text/javascript>
varxml;
functionloadXMLDoc(url){
xml=null;
if(window.XMLHttpRequest){ code for all new browsers
xml=newXMLHttpRequest();
}elseif(window.ActiveXObject){ code for IE5 and IE6
xml=newActiveXObject("Microsoft.XMLHTTP");
}
if(xml!=null){
xml.onreadystatechange=state_Change;
xml.open("GET",url,true);
xml.send(null);
}else{
alert("Your browser does not support XMLHTTP.");
}
}
functionstate_Change(){
if(xml.readyState==4){ 4="loaded"
if(xml.status==200){ 200= OK
...our code here...
}else{
alert("Problem retrieving XML data");
}
}
}
</script>
5、严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。
在标准模式中,浏览器根据规范呈现页面;
在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。
浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式
呈现。对于HTML
4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过
渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
6、盒模型——外边距、内边距和边框之间的关系,IE 8以下版本的浏览器中的盒模型有什么不同。
一个元素盒模型的层次从内到外分别为:内边距、边框和外边距
IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
7、块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
块级元素,用CSS中的display:inline;属性则变为行内元素
行内元素,用CSS中的display:block;属性则变为块级元素
影响:周围元素显示在同一行或换行显示,根据具体情况调整样式
8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
需要浮动的元素可使用CSS中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动
浮动元素引起的问题:
(1)父元素的高度无法被撑开,影响与父元素同级的元素
(2)与浮动元素同级的非浮动元素会跟随其后
(3)若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构
解决方法:
使用CSS中的clear:both;属性来清除元素的浮动可解决2、3问题,对于问题1,添加如下样式,给父元素添加clearfix样式:
.clearfix:after{content:".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}/* for IE/Mac*/
9、HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。
主要区别:
XHTML元素必须被正确地嵌套
XHTML元素必须被关闭,空标签也必须被关闭,如<br>必须写成<br/>
XHTML标签名必须用小写字母
XHTML文档必须拥有根元素
XHTML文档要求给所有属性赋一个值
XHTML要求所有的属性必须用引号""括起来
XHTML文档需要把所有<、>、&等特殊符号用编码表示
XHTML文档不要在注释内容中使“--”
XHTML图片必须有说明文字
XHTML文档中用id属性代替name属性
10、JSON——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
JSON建构于两种结构:
“名称/值”对的***(A collection of name/value
pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表
(hash table),有键列表(keyed list),或者关联数组(associative array)。
值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。
OK,关于javascript 文档和js开发文档的内容到此结束了,希望对大家有所帮助。