了解基本的JavaScript代码。-yiteyi-C++库

将JavaScript插入网页与插入任何其他HTML内容非常相似。用于在HTML中添加JavaScript的标记有标记包围的代码称为脚本博客。出现。

使用JavaScript将内容写入网页的代码： 我们来写吧 “你好，世界！” 使用JavaScript创建一个空白页面。

在网页上显示结果。

                     <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0                   
                                         Transitional//EN” “                       http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd                      ”>                   
                                         <                               html                               xmlns=”                       http://www.w3.org/1999/xhtml                      ”>                   
                                         <                               head                               >                   
                                         <                               title                               ></                               title                               >                   
                                         </                               head                               >                   
                                         <                               body                               >                   
                                         <                               p                               id                               =                               "ResultsP"                               ></                               p                               >                   
                                         <                               script                               type                               =                               "text/javascript"                               >//Script Block 1                   
                                         document.getElementById('ResultsP').innerHTML ='Hello World!';                   
                                         </                               script                               >                   
                                         </                               body                               >                   
                     <                               html                               >                   

输出：图片[2]-了解基本的JavaScript代码。-yiteyi-C++库

从代码中学习： 1.此代码中添加了以下行。


 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
 <html xmlns=”http://www.w3.org/1999/xhtml”>

这让web浏览器知道用户正在使用XHTML。它实际上对代码没有任何影响；如果没有额外的线路，它就可以正常工作。

2.请注意，

标记使用id属性被赋予了一个id。


<p id=”ResultsP”>

该id在网页中必须是唯一的，因为JavaScript使用它来标识以下行中的特定HTML元素：


document.getElementById(‘ResultsP’).innerHTML = ‘Hello World!’;

该准则的简单含义是： “获取id为ResultsP的文档元素，并将该元素中的HTML设置为Hello World！”

访问段落的代码必须在段落之后，这一点很重要。否则，代码将试图在段落存在于页面之前访问该段落，并将抛出错误。

文章版权归作者所有，未经允许请勿转载。

THE END

Javascript