札记丶20171011

七个多月了,成长了多少?

JavaScript是一种易学习,流传广泛,常用于网页编程的语言。开撸吧!

1.写出HTML输出

实现效果:

图1.1

实现步骤:

<html>

<body>

<p>JavaScript能够直接写入HTML输出流中</p>

<script>

document.write("<h1>This is a heading</h1>");

document.write(“<p>This is a paragraph</p>”);

</script>

<p>

您只能在HTML输出流中使用document.write,要是在文档之外使用,会覆盖整个文档

</p>

</body>

</html>

那我们试一下在输出流外使用该方法

。。。

。。

好吧,尝试失败

</html>

2.对事件作出反应

实现效果:

图2.1

实现步骤:

<html>

<body>

<button type="button" onclick="alert('欢迎来到Fantasychong的数码小店')">双击溜溜溜</button>

</body>

</html>

3.改变HTML内容

实现效果:

图3.1
图3.2

实现步骤:

<p id=“demo”>听说JavaScript可以改变文字了耶</p>

<script>

function myFunction()

{

x= document.getElementById("demo");//找到元素

x.innerHTML=“真的耶,我已经改变成功啦”;//改变内容

}

</script>

<button type="button" onclick="myFunction()">

4.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,785评论 18 399
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,814评论 0 8
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,349评论 0 5
  • 它的功能是为某一个文件或目录在另外一个位置建立一个同步的链接,类似Windows下的超级链接。 sudo ln -...
    GoodGoodStuday阅读 2,147评论 0 0
  • 9月20日,没有一点信号的电视剧版《原来你还在这里》突然官宣,男主是《无心法师》的主演韩东君,女主则是电影《重返二...
    侃侃网剧阅读 331评论 0 0