JavaScriept入门

一在Html中如何引用JavaScriept

三种引用方式1.内部2.外部3.行内。

1. 内部引用

内部引用就是将js代码写在<script></script>即可

 <!-- 内部引用 -->

    <script>

        // 分别弹出“我是内部 JavaScript”、

        document.write("我是内部 JavaScript");

  </script>

1. 外部引用

在外部创建一个js文件通过<script></script>的src属性将文件引入网页中

// js文件中的代码

alert("我是外部 JavaScript");

引入js文件

  <!-- “我是外部 JavaScript”、 -->

    <script src="my.js"></script>

3行内

行内式是将js代码当作html标签属性使用(alert：是一个弹出框)

 <!--  “我是行内 JavaScript”对话框。-->

    <button onclick="alert('我是行内 JavaScript')">我是行内 JavaScript</button>

二js中常用的输出语言

Alert()警示框提醒用户一些信息

  // 普通弹窗

        alert("普通弹窗");

运行结果为

Prompt()文本

输入框可以输入相应的文本内容

 Prompt()文本输入框可以输入相应的文本内容 prompt()虽然也有确定和取消但是他的返回值不是true false 你输入什么内容他输出返回的就是什么。

// 文本输入弹框

        var aa = prompt("请输入你的名字");

运行结果：

 

Cofirm()有返回类型的弹框  控制台输出确定为true 取消则为 false

// 带确定和取消的弹窗

        var isdelete = confirm("确定删除");

运行结果

 

Console.log()在控制台输出

console.log("<h2>我要好好学习JavaScript</h2>");

运行结果:

 

Document.write()在浏览器页面中输出

  // 浏览器页面

        document.write("<h2>我要好好学习JavaScript</h2>");

运行结果

、