javascript官网文档(JAVAScript)

admin 242 0

各位老铁们好,相信很多人对javascript官网文档都不是特别的了解,因此呢,今天就来为大家分享下关于javascript官网文档以及JAVAScript的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!

一、如何正确地在XHTML文档中使用JavaScript和CSS

在越来越多的网站中,XHTML的使用正以很快的速度替代HTML4,但是,目前一些主流浏览器对XHTML的支持还不是很好,加上一些网页制作者对XHTML和HTML4之间的差异理解不够,使得XHTML在WEB发展上进程变得缓慢。XHTML是XML而不是HTML目前,对XHTML的一个主要误解是它是HTML的另外一个版本。造成此误解的一个事实是Microsoft Internet Explorer仅支持MIME格式为text/html的XHTML而不是被推荐的application/xhtml+xml格式。当一个XHTML页面被以text/html的MIME格式解析时,它和HTML页面没有任何差别,而当它以text/xml或者application/xhtml+xml的MIME格式解析时,它将遵从严格的XML书写和显示规则。正确的XHTML格式是一个XML程序并且在书写的时候需要按照以下的严格规则:1.字符<和&不允许出现在XHTML文档内容中,除非它们被包含在CDATA标签中(<![CDATA[...]]>) 2.注释标签(<!--...-->)内容中不能包含两个连续的横杠(--) 3.包含在注释标签(<!--...-->)中的内容将被忽略 style和script内容中的问题 style和script标签内的内容在XHTML被以XML格式(而不是HTML格式)解析时将造成一些不同的差异。JavaScript中包含了XHTML中不能存在的字符 Javascript的一些特别字符是XHTML的CDATA标签外不能存在的字符。<script type="text/javascript">var i= 0;while(++i< 10){//...}</script>注意:上面的示例代码并非良好的XHTML格式,因为它使用了XHTML或XML中不允许的标记"<"在style和script内容中使用注释熟悉HTML的作者通常了解,将style和script标签内容放到注释标签内,将在浏览器中隐藏这些内容,但有些浏览器却不能理解它们。<style type="text/css"><!--body{background-color: blue; color: yellow;}--></style><script type="text/javascript"><!--var i= 0;var sum= 0;for(i= 0; i< 10;++i){sum+= i;}alert('sum='+ sum);//--></script>上面的示例说明了如何在浏览器中忽略注释标签内的内容,同时,这个示例还显示了浏览器在处理text/xml格式和application/xhtml+xml格式的内容的区别。Mozilla 1.1+/ Opera 7不应用CSS,不执行JavaScriptNetscape 7.0x/ Mozilla 1.0.x不应用CSS,但执行JavaScriptInternet Explorer 5.5+不显示该文档.(参见:https://developer.mozilla.org/Ta... _in_XHTML_Documents)style和javascript内含有两个连续的横杠(--)在XHTML页面的JavaScript中使用注释标签进行处理时产生的另一个问题就是JavaScript中会有出现两个连续的横杠(--)的情况:<script type="text/javascript"><!--var i;var sum= 0;for(i= 10; i> 0;--i){sum+= i;}//--></script>使用CDATA代替注释将script标签内的内容放到CDATA块中可以很好地处理注释中出现两个连续的横杠的问题,不过这将使得一些低版本的浏览器不支持它,因为它们不能理解XML。好在,我们可以通过使用JavaScript中的注释符对CDATA块进行注释以达到兼容的目的。<script type="text/javascript">//<![CDATA[var i= 0;while(++i< 10){//...}//]]></script>推荐的xhtml与html兼容处理方式不要在XHTML页面中直接书写style和script,一个好的替代方案是使用外部文件来书写CSS和JavaScript,然后再在XHTML中进行引入。这个推荐方案看起来非常不错,不管怎样,它使得页面从text/html向application/xhtml+xml转变的过程中,至少在接下来的这些年里不会出现什么问题。

二、JavaScript文档节点和文本节点一样吗

JavaScript文档节点和文本节点一样吗?

不一样。常见的节点分五种:

更多的参见::w3school../jsref/prop_node_nodetype.asp

文档就是DOM树的根节点(其实就是<></>),剩下所有节点都包含在文档里。

元素就是一个个标签了,<p><div>什么的。

属性是元素里的,<p id="id" name=name>这种的。

文本是元素或属性中的文本内容,<p id="我是文本">我也是文本</p>这种。

document.getElementById("mi").innerText=“”;

document.all.mi.innerText=“”;

最简单的方法就是用元素的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");

DOM中有三大节点,分别是元素节点,文本节点,属性节点,他们所对应的nodeType不相同。

可以通过判断nodeType进行过滤文本节点。

你应该把整个要解析的XML串传给TiDocument

超文本标记语言或超文本链接标示语言(标准通用标记语言下的一个应用)HTML(HyperText Mark-up Language)是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,

它消除了不同计算机之间信息交流的障碍。

它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。

HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

有什么js函数可以获取和操作文本节点,注释节点

因为你注释前面有空白区域,dom解析时也会把他当成一个dom节点,所以是文本类型,下一个就是注释了

var lix= document.createElement("li");

var targetElement= document.getElementById("li1");

var parent= targetElement.parentNode;

if(parent.lastChild== targetElement)

parent.insertBefore(lix, targetElement.nextSibling);

1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

document.documentElement返回文档的根节点<>

document.activeElement返回当前文档中被击活的标签节点(ie)

event.fromElement返回鼠标移出的源节点(ie)

event.toElement返回鼠标移入的源节点(ie)

event.srcElement返回激活事件的源节点(ie)

event.target返回激活事件的源节点(firefox)

返回父节点: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操作——怎样添加、移除、移动、复制、创建和查找节点。

createDocumentFragment()创建一个DOM片段

createElement()创建一个具体的元素

createTextNode()创建一个文本节点

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>

if(window.XMLHttpRequest){ code for all new browsers

}elseif(window.ActiveXObject){ code for IE5 and IE6

xml=newActiveXObject("Microsoft.XMLHTTP");

xml.onreadystatechange=state_Change;

alert("Your browser does not support XMLHTTP.");

if(xml.readyState==4){ 4="loaded"

alert("Problem retrieving XML data");

5、严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。

在标准模式中,浏览器根据规范呈现页面;

在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。

浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式

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元素必须被关闭,空标签也必须被关闭,如<br>必须写成<br/>

XHTML文档要求给所有属性赋一个值

XHTML要求所有的属性必须用引号""括起来

XHTML文档需要把所有<、>、&等特殊符号用编码表示

XHTML文档不要在注释内容中使“--”

XHTML文档中用id属性代替name属性

10、JSON——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。

“名称/值”对的***(A collection of name/value

pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表

(hash table),有键列表(keyed list),或者关联数组(associative array)。

值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。

三、关于h5,css,javascript的“官方文档”

1、指掌控权利的一方,例如公司的“官方”,“官网”则是官方网站。另外也指,某一方说的什么都是有理由的,没有不对的地方。官方是指举办某场社会活动事件的组织者,或某种商业产品的推广经营者,即主办方,是一个直接面对消费者的团体组织或企业。主办方具有权威性,有着制定力。简而言之,官方也就是对于某指定生产商品有着最大解释权和定义权,对于该商品来说,官方信息也是最具权威、正确的信息。现代商业中,企业以广告赞助的方式,取得某场活动的指定消费品,例如:官方用车,官方指定饮料等,以达到品牌推广及销售的目的。

2、比如HTML5:超文本标记语言,是万维网联盟规范,那么万维网联盟就是属于HTML5的官方了,那么他的对HTML描述的文档就是官方文档

3、比如jQeury:jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。现在官方网址“jqueryxxx”(这里不写完整,因为“知道”不允许),那么开发jQuery的团队自己定义的文档就是“官方文档”。

javascript官网文档的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于JAVAScript、javascript官网文档的信息别忘了在本站进行查找哦。