在网页中嵌入脚本代码的方法

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

下面我们先看一下怎么样在网页上使用 JavaScript .. 如果想在网页上使用 JavaScript 代码 … 可以先输入一组 script .. 标签 .. 在这组标签里,再去输入一些 JavaScript 的代码 …

浏览器在显示网页的时候,看到有 <script> 标签 … 就会去执行它里面的代码 ..

如果在你的应用里需要很多 JavaScript 代码 … 一般我们会去为它单独创建一些扩展名是 .js 的文件 .. 再把文件链接到网页上 …

在这里,我们可以去新建一个文件 … 命名为 script.js ..

然后回到网页上 ... 使用这样的形式去链接脚本文件。输入 script:src … src 这个属性里的东西就是脚本文件的地址 ..

再打开这个脚本文件 .. 可以在里面可以输入 JavaScript 的代码 …

用一个简单的 alert(’Hello’);

这行代码会在加载页面以后显示一个 Hello 的提示窗口 .. 在浏览器打开这个网页去看一下 .. .

打开以后,会弹出这个提示的窗口 …

(#script.js)

在调试应用的时候,我们经常会用到 console.log() … 它可以在控制台上输出一些东西,这里面说的控制台,就是浏览器开发者工具里的那个控制台。

比如我们可以计算出来结果,或者指定的内容输出到控制台上 … 像这样 …

var words = ‘Hello World’;
console.log(words);

一般来说,一句代码就是单独一行 … 在句子的结尾,要加上一个分号 …

回到浏览器 .. 可以打开控制台 .. 在这个课程里我们会使用 Chrome 浏览器 … 右击点击鼠标 … 审查元素 … 这样可以打开 Chrome 浏览器的开发者工具 ….

这里的 Console,就是我们说的控制台 ...

在这个控制台上,会输出我们指定要在控制台上输出的 words 里面的内容 … Hello World …

打开或者关闭控制台也可以使用快捷键,alt + command + J ... Windows 上应该是 alt + ctrl + J

在网页中嵌入脚本代码的方法《 JavaScript 基础 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点