js에서 호스트 객체 구문 분석
이 기사에서는 특정 참조 값을 갖는 js의 호스트 개체 분석을 주로 소개합니다. 이제 공유합니다. 도움이 필요한 친구들이 참조할 수 있습니다.
호스트 개체는 주로 DOM 개체 및 BOM을 포함하여 브라우저에서 제공하는 개체입니다. 물체.
1. DOM의 기원
1.SGML, XML 및
<span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';">SGML(标准通用标记语言)是定义使用标签来表示数据的标记语言的语法。<br> - 标签由一个小于号和一个大于号之间的文本组成,如<title><br> - 标签分为起始标签和结束标签,分别表示一个特定区域的开始和这个特定区域的结束,如<title>标题</title><br> - 特性是定义在起始标签内的值。如<img src="pircutre.jpg">,src就是其特性<br>HTML遵循SGML标记语言的语法,它是的SGML一种应用。或者说,SGML用来定义HTML的文档类型定义(DTD)。SGML还用来编写XML的DTD。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
5. 노드 특성 및 방법
<span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';">XML对SGML的语法做了更细致和严谨的扩展。<br> - SGML的奇怪语法:<br> - 某些标签不语序出现结束标签,如HTML中的<img>标签,否则会出现错误。<br> - 某些标签的结束标签可以不写,如HTML中的<p>标签。<br> - 标签可以以任何顺序嵌套,如<p><span></p></span>。<br> - 某些特性必须包含值,如<img src="picture.jpg">。<br> - 某些特性不要求一定有值,如<td nowrap>。<br> - 定义特性的两边有没有加双引号都是可以的,如<img src=picture.jpg>也是允许的。<br> - XML去掉了许多SGML中的随意语法,并且规定了新的语法:<br> - 任何的起始标签都必须有一个结束标签。<br> - 可以采用另一种简化语法,即一个标签同时表示起始标签和结束标签,即<tag />,如<br />,<hr />。<br> - 标签必须按合适的顺序嵌套。就近原则书写结束标签。<br> - 所有的特性都必须有值。<br> - 所有的特性都必须在值得周围加上双引号。<br>XML衍生出了MathML、SVG、RDF、RSS等等。同时,HTML被改进为XHML,即遵循XML语法的HTML。XHMTL被称为严格模式。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
유형 | Description | nodeName | String
노드 이름 | nodeValue | String |
node | nodeType | 의 값 | Number
노드의 상수 값 입력 | ownerDocument | Document |
노드가 속한 문서 | childNodes | |
|
firstChild | 노드의 모든 하위 노드 목록 |
하위 노드 목록의 첫 번째 노드 | lastChild | Node |
마지막 하위 노드 목록의 노드 | has ChildNodes() | Boolean |
하위 노드 포함 여부 | appendChild(node) | 노드 |
추가 childNodes | remo veChild(node) | Node |
delete node from childNodes | replacementChild(newnode,oldnode) | 노드 |
childNodes의 oldnode를 newnode | 로 교체 insertBefore(newnode, refnode) | Node |
이전Sibling | Node | |
입니다. nextSibling | Node | |
attributes | NamedNodeMap | |
6.HTML DOM<span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080; font-family: 'Menlo';">任何基于XML的语言,如XHTML和SVG,因为它们遵循XML语法,所以可以使用上述的Node接口操作。然而很多语言会继续定义它们自己的DOM来扩展XML以提供特定功能。<br>开发XML DOM的同时,W3C还一起开发了针对XHTML(以及HTML)的DOM。这个DOM定义了一个HTMLDocument一个HTMLElement作为实现基础。每个HTML元素通过它自己的HTMLElement类型表示,如HTMLpElement代表了<p>元素。但有少数的除外。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span> 로그인 후 복사 二、DOM通用节点对象操作1.DOM的通用属性<span style="color: #808080;">alinkColor 激活的链接的颜色,如<body alink="color">定义的<br>bgColor 页面的背景颜色,如<body bgcolor="color">定义的<br>fgColor 页面的文本颜色,如<body text="color">定义的<br>lastModified 最后修改页面的日期,是字符串<br>linkColor 链接的颜色,如<body link="color">定义的<br>referrer 浏览器当前页后退一个位置的url<br>title <title>标签中显示的文本<br>URL 当前页面的url<br>vlinkColor 访问过的链接的颜色,如<body vlink="color">定义的<br>* 这些属性是引用了<body>标签中的旧HTML特性,应该用样式表代替它们。</span> 로그인 후 복사 2.DOM的通用集合<span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';">ahchors 页面中所有锚的集合(由<a name="ahchorname></a>标签表示)<br>applets 页面中所有applet的集合<br>embeds 页面中所有嵌入式对象的集合(由<embed>标签表示)<br>forms 页面中所有表单的集合<br>images 页面中所有图像的集合<br>links 页面中所有链接的集合(由<a href="somewhere.htm"><a>表示</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span> 로그인 후 복사 3.DOM通用节点操作document对象是BOM的一部分,同时也是HTML DOM的HTMLDocument对象的表现形式,即它也是XML DOM Document对象。 로그인 후 복사 1查找节点<span style="color: #808080;">document.getElementById() <span style="color: #808080; font-family: 'Menlo';"> 返回对拥有指定<span style="color: #808080;"> id <span style="color: #808080; font-family: 'Menlo';">的第一个对象的引用。<br><span style="color: #808080;">document.getElementsByName() <span style="color: #808080; font-family: 'Menlo';">返回带有指定名称的对象集合。<br><span style="color: #808080;">document.getElementsByTagName() <span style="color: #808080; font-family: 'Menlo';">返回带有指定标签名的对象集合。<br><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;">document.getElementsByClassName() <span style="color: #808080; font-family: 'Menlo';">返回带有指定类名的对象集合。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span> 로그인 후 복사 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>document操作元素</title></head><body> <p class="outer"> <p class="inner">第一段文本</p> <p class="inner">第二段文本</p> </p> <script> var op = document.getElementsByClassName("outer")[0].getElementsByClassName("inner")[0].innerHTML; </script></body></html> 로그인 후 복사 2创建节点<span style="color: #808080;">document.createAttribute(name) 创建属性名为name的属性节点。<br/>document.createElement() 创建标签名为tagName的元素。<span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><br/><span style="color: #808080;">document.createTextNode(text) 创建包含文本text的文本节点。<span style="color: #808080; font-family: 'Menlo';"><br/><span style="color: #808080;">* 创建其它Node接口定义的节点没有太大用处。因为被更简便的操作替代。</span></span></span></span></span></span></span> 로그인 후 복사 3添加节点<span style="color: #808080;">Element.appendChild(Node) 添加Node子元素。<br/>Element.insertBefore(newNode, oldNode) <span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';">在某个子节点对象前添加新节点。</span></span></span></span></span></span></span></span> 로그인 후 복사 4删除节点<span style="color: #808080;">Element.removeChild(Node) 删除Node子元素。</span> 로그인 후 복사 5替换节点<span style="color: #808080;">Element.replacChild(newNode, oldNode) 替换子元素。</span> 로그인 후 복사 <span style="color: #808080;">document.getElementById() <span style="color: #808080; font-family: 'Menlo';"> 返回对拥有指定<span style="color: #808080;"> id <span style="color: #808080; font-family: 'Menlo';">的第一个对象的引用。<br/><span style="color: #808080;">document.getElementsByName() <span style="color: #808080; font-family: 'Menlo';">返回带有指定名称的对象集合。<br/><span style="color: #808080;">document.getElementsByTagName() <span style="color: #808080; font-family: 'Menlo';">返回带有指定标签名的对象集合。<br/><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;">document.getElementsByClassName() <span style="color: #808080; font-family: 'Menlo';">返回带有指定类名的对象集合。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span> 로그인 후 복사 6.节点属性和方法<span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';">节点属性和方法包含DOM NOde接口定义的所有属性和方法。HTML DOM 还包括其它的一些属性和方法。详细参见http://www.w3school.com.cn/jsref/dom_obj_all.asp。</span></span></span></span></span></span></span></span> 로그인 후 복사 <span style="color: #808080;">Element.tagName <span style="color: #808080; font-family: 'Menlo';">返回元素的标签名。 </span><br/>Element.cloneNode() 复制当前元素。<br/>Element.normalize() <span style="color: #808080; font-family: 'Menlo';">合并元素中相邻的文本节点,并移除空的文本节点。<br/></span>Element.parentNode <span style="color: #808080; font-family: 'Menlo';">返回元素的父节点。<br/></span>Element.ownerDocument <span style="color: #808080; font-family: 'Menlo';">返回元素的根元素(文档对象)。</span><span style="color: #808080; font-family: 'Menlo';"><br/></span>nodelist.item() <span style="color: #808080; font-family: 'Menlo';">返回<span style="color: #808080;"> NodeList <span style="color: #808080; font-family: 'Menlo';">中位于指定下标的节点。<br/><span style="color: #808080;">nodelist.length <span style="color: #808080; font-family: 'Menlo';">返回<span style="color: #808080;"> NodeList <span style="color: #808080; font-family: 'Menlo';">中的节点数。</span></span></span></span></span></span></span><span style="color: #808080; font-family: 'Menlo';"><br/></span>Element.toString() <span style="color: #808080; font-family: 'Menlo';">把元素转换为字符串。</span></span> 로그인 후 복사 4.DOM通用属性操作1.查找属性<span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;">Element.attributes<span style="color: #808080; font-family: 'Menlo';"> </span></span></span></span></span></span></span>返回元素属性的<span style="color: #808080; font-family: 'Fira Code';"> NamedNodeMap<span style="color: #808080;">。</span></span><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><br/></span></span></span></span>El</span></span></span></span></span></span>ement.hasAttribute() <span style="color: #808080; font-family: 'Menlo';">如果元素拥有指定属性,则返回<span style="color: #808080;">true<span style="color: #808080; font-family: 'Menlo';">,否则返回<span style="color: #808080;"> false<span style="color: #808080; font-family: 'Menlo';">。<br/><span style="color: #808080;">Element.hasAttributes() <span style="color: #808080; font-family: 'Menlo';">如果元素拥有属性,则返回<span style="color: #808080;"> true<span style="color: #808080; font-family: 'Menlo';">,否则返回<span style="color: #808080;"> fals</span></span></span></span></span></span></span></span></span></span></span> 로그인 후 복사 2.获取属性<span style="color: #808080;">Element.<span style="color: #808080;">getAttribute</span>() 返回元素节点的指定属性值。<br/>Element.<span style="color: #808080;">getAttributeNode</span>() <span style="color: #808080;">返回指定的属性节点</span>。</span> 로그인 후 복사 3.设置属性<span style="color: #808080;"><span style="color: #808080;">Element.setAttribute() <span style="color: #808080; font-family: 'Menlo';">把指定属性设置或更改为指定值。<br/><span style="color: #808080;">Element.setAttributeNode() <span style="color: #808080; font-family: 'Menlo';">设置或更改指定属性节点。</span></span></span></span></span> 로그인 후 복사 4.删除属性<span style="color: #808080;"><span style="color: #808080;">Element.removeAttribute() <span style="color: #808080; font-family: 'Menlo';">从元素中移除指定属性。<br/><span style="color: #808080;">Element.removeAttributeNode() <span style="color: #808080; font-family: 'Menlo';">移除指定的属性节点,并返回被移除的节点。</span></span></span></span></span> 로그인 후 복사 5.getattr和setattr获取或设置属性除了hasAttribute、getAttributes、setAttributes、removeAttribute操作属性,一些属性也可以通过节点.属性的方式获取/设置属性。 로그인 후 복사 <span style="color: #808080;">Element.id <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的<span style="color: #808080;"> id<span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><br/></span></span></span></span></span></span></span>Element.style <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的<span style="color: #808080;"> style <span style="color: #808080; font-family: 'Menlo';">属性。<br/><span style="color: #808080;">Element.innerHTML <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的内容。</span></span><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"> <br/></span></span></span></span></span></span></span>Element.className <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的<span style="color: #808080;"> class <span style="color: #808080; font-family: 'Menlo';">属性。<br/></span></span></span>Element.title <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的<span style="color: #808080;"> title <span style="color: #808080; font-family: 'Menlo';">属性。<br/><span style="color: #808080;">Element.textContent <span style="color: #808080; font-family: 'Menlo';">设置或返回节点及其后代的文本内容。</span></span> <br/><span style="color: #808080;">Element.contentEditable <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的文本方向。<br/></span></span></span></span></span>Element.dir <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的内容是否可编辑。</span></span> <br/><span style="color: #808080;">Element.accessKey <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的快捷键。<br/></span>Element.lang <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的语言代码。</span><span style="color: #808080; font-family: 'Menlo';"><br/></span>Element.namespaceURI <span style="color: #808080; font-family: 'Menlo';">返回元素的<span style="color: #808080;"> namespace URI<span style="color: #808080; font-family: 'Menlo';">。<br/></span></span></span>Element.tabIndex <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的<span style="color: #808080;"> tab <span style="color: #808080; font-family: 'Menlo';">键控制次序。</span></span></span></span> 로그인 후 복사 <span style="color: #808080;">Element.clientHeight <span style="color: #808080; font-family: 'Menlo';">返回元素的可见高度。<br/><span style="color: #808080;">Element.clientWidth <span style="color: #808080; font-family: 'Menlo';">返回元素的可见宽度。<span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><br/><span style="color: #808080;">Element.offsetWidth <span style="color: #808080; font-family: 'Menlo';"> 返回元素的宽度。<br/><span style="color: #808080;">Element.offsetLeft <span style="color: #808080; font-family: 'Menlo';"> 返回元素的水平偏移位置。<br/><span style="color: #808080;">Element.offsetParent <span style="color: #808080; font-family: 'Menlo';">返回元素的偏移容器。<br/><span style="color: #808080;">Element.offsetTop <span style="color: #808080; font-family: 'Menlo';">返回元素的垂直偏移位置。<br/></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>Element.scrollHeight <span style="color: #808080; font-family: 'Menlo';">返回元素的整体高度。<br/><span style="color: #808080;">Element.scrollLeft <span style="color: #808080; font-family: 'Menlo';">返回元素左边缘与视图之间的距离。<br/><span style="color: #808080;">Element.scrollTop <span style="color: #808080; font-family: 'Menlo';">返回元素上边缘与视图之间的距离。<br/><span style="color: #808080;">Element.scrollWidth <span style="color: #808080; font-family: 'Menlo';">返回元素的整体宽度。</span></span></span></span></span></span></span></span> 로그인 후 복사 6.检查元素<span style="color: #808080;">Element.isContentEditable <span style="color: #808080; font-family: 'Menlo';">设置或返回元素的内容。<br/><span style="color: #808080;">Element.isDefaultNamespace() <span style="color: #808080; font-family: 'Menlo';">如果指定的<span style="color: #808080;"> namespaceURI <span style="color: #808080; font-family: 'Menlo';">是默认的,则返回<span style="color: #808080;"> true<span style="color: #808080; font-family: 'Menlo';">,否则返回<span style="color: #808080;"> false<span style="color: #808080; font-family: 'Menlo';">。<br/><span style="color: #808080;">Element.isEqualNode() <span style="color: #808080; font-family: 'Menlo';">检查两个元素是否相等。<br/><span style="color: #808080;">Element.isSameNode() <span style="color: #808080; font-family: 'Menlo';">检查两个元素是否是相同的节点。<br/><span style="color: #808080;">Element.compareDocumentPosition() <span style="color: #808080; font-family: 'Menlo';">比较两个元素的文档位置。<br/><span style="color: #808080;">Element.isSupported() <span style="color: #808080; font-family: 'Menlo';">如果元素支持指定特性,则返回<span style="color: #808080;"> true<span style="color: #808080; font-family: 'Menlo';">。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span> 로그인 후 복사 以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网! 相关推荐: |
위 내용은 js에서 호스트 객체 구문 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

동일한 ID로 배열 요소를 JavaScript의 하나의 객체로 병합하는 방법은 무엇입니까? 데이터를 처리 할 때 종종 동일한 ID를 가질 필요가 있습니다 ...

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

Console.log 출력의 차이의 근본 원인에 대한 심층적 인 논의. 이 기사에서는 Console.log 함수의 출력 결과의 차이점을 코드에서 분석하고 그에 따른 이유를 설명합니다. � ...

이 기사에서 시차 스크롤 및 요소 애니메이션 효과 실현에 대한 토론은 Shiseido 공식 웹 사이트 (https://www.shiseido.co.jp/sb/wonderland/)와 유사하게 달성하는 방법을 살펴볼 것입니다.

엔트리 레벨 타입 스크립트 자습서를 마스터 한 후에는 TypeScript를 지원하고 JavaScript로 컴파일하는 IDE에서 자신의 코드를 작성할 수 있어야합니다. 이 튜토리얼은 TypeScript의 다양한 데이터 유형으로 뛰어납니다. JavaScript에는 NULL, UNDEFINED, BOOLEAN, 번호, 문자열, 기호 (ES6에 의해 소개 됨) 및 객체의 7 가지 데이터 유형이 있습니다. TypeScript는이 기반으로 더 많은 유형을 정의 하며이 튜토리얼은이 모든 튜토리얼을 자세히 다룹니다. 널 데이터 유형 JavaScript와 마찬가지로 Null in TypeScript

JavaScript는 PowerPoint에서 실행할 수 있으며 외부 JavaScript 파일을 호출하거나 VBA를 통해 HTML 파일을 포함시켜 구현할 수 있습니다. 1. VBA를 사용하여 JavaScript 파일을 호출하려면 매크로를 활성화하고 VBA 프로그래밍 지식이 있어야합니다. 2. JavaScript가 포함 된 HTML 파일을 포함시켜 간단하고 사용하기 쉽지만 보안 제한이 적용됩니다. 장점에는 확장 된 기능과 유연성이 포함되며, 단점에는 보안, 호환성 및 복잡성이 포함됩니다. 실제로 보안, 호환성, 성능 및 사용자 경험에주의를 기울여야합니다.
