博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【JS】我的JavaScript学习之路(2)
阅读量:6252 次
发布时间:2019-06-22

本文共 765 字,大约阅读时间需要 2 分钟。

3.从JavaScript页面解析过程看执行顺序

代码(test.html):

            
ch1_example2

Paragraph 1

Paragraph 2

Paragraph 3

执行后是这个样子滴。

第一步:

第二步:

第三步:

由此看出,页面解析是自上而下执行的,没有异步,在提示框弹出时,页面是暂停的,而没有去后台执行。

 

4.用JavaScript将信息写在网页上

接下来我们仅仅使用JavaScript来将“Hello World!”写入空白页面

代码(test2.html):

            
ch1_example3

在此页中,我们使用<p id="ResultP"></p> 创建了一个id是"ResultP"的段落。为标签创建ID,可以方便我们在页面中找到它,也可以使我们在使用CSS时对特殊的标签进行单独的设计。

在创建段落之后,我们通过<script></script>引入JavaScript语句:

document.getElementById('ResultP') 可以获取到这个id是"ResultP"的段落。

然后再通过innerHTML属性,来更改段落中的文字为“Hello World!”

这样我们就可以获得一个形似<p>Hello World!</p>标签的效果了,我们就可以在页面上输出“Hello World!”

转载于:https://www.cnblogs.com/zerolin/archive/2012/08/14/2639049.html

你可能感兴趣的文章
PL/SQL查看表结构
查看>>
I2C通信时序图解析
查看>>
JSON的学习理解
查看>>
Jenkins+MSbuild+SVN实现dotnet持续集成 快速搭建持续集成环境
查看>>
经典SQL语句大全
查看>>
Android Service
查看>>
病人排序
查看>>
git-修改远程的URL以及强制覆盖本地文件
查看>>
升级fedora 18到fedora 19
查看>>
为什么getline()后要两次回车????(将输入的字符串按单词倒序输出)
查看>>
Dictionary和数组查找效率对比
查看>>
alias命令详情
查看>>
iOS - UITouch
查看>>
学习C++语言的50条忠告
查看>>
mysql的innodb中事务日志ib_logfile
查看>>
大数乘法?
查看>>
C语言博客作业03--函数
查看>>
96. Unique Binary Search Trees(I 和 II)
查看>>
飘窗原生js效果
查看>>
自定义异步加载资源插件
查看>>