一、JavaScript在网页中的位置

1.HTML文档中的<script>标签之中：

<!DOCTYPE HTML><html><head><meta charset="utf-8"/><title>JavaScript的位置1</title><script type="text/javascript">//这里可以写JavaScript脚本</script></head><body> </body>
</html>

2.HTML文档中的元素的事件绑定中调用

<!DOCTYPE HTML>
<html><head><meta charset="utf-8"/><title>JavaScript的位置2</title> </head><body><button onclick="alert('点我干嘛？')">点我</button></body>
</html>

3.HTML文档中，超链接的href属性中调用

<!DOCTYPE HTML>
<html><head><meta charset="utf-8"/><title>JavaScript的位置3</title></head><body><a href="javascript:alert('惊不惊喜，意不意外')">惊喜链接</a></body>
</html>

4.外部js文件中，HTML中使用<script>标签引用

js文件： myjs.js

function sayHi(){alert("Hi");
}

同文件夹下HTML文件

<!DOCTYPE HTML>
<html><head><meta charset="utf-8"/><title>JavaScript的位置4</title><script type="text/javascript" src="./myjs.js"></script></head><body><button onclick="sayHi()">hi</button></body>
</html>

二、JavaScript的简单应用

1.让浏览器弹出一个警告框

alert("警告信息");

2.给文档的开始部分追加内容

document.write("<span>Hello</span>");

3.向控制台输入信息

console.log("你好，控制台");

三、注释和注意内容

1.单行注释　　　　　　//

2.多行注释　　　　　　/* */

3.js代码中，严格区分大小写

4.js中每条语句后面都要以分号（;）结尾

5.注释代码，不要少于1/4，为了别人看得懂，也为自己少挖坑

转载于:https://www.cnblogs.com/wlzg/p/11405991.html

002-JavaScript基本应用相关推荐

002 - JavaScript object foreach 遍历
####★技巧★ JS 引入返回从哪来到哪去 <script src="javascript:history.go(-1)">返回</script> & ...
【转载】通俗易懂，什么是.NET?什么是.NET Framework？什么是.NET Core?
什么是.NET?什么是.NET Framework?本文将从上往下,循序渐进的介绍一系列相关.NET的概念,先从类型系统开始讲起,我将通过跨语言操作这个例子来逐渐引入一系列.NET的相关概念,这主要包 ...
3万字长文概述：通俗易懂告诉你什么是.NET?什么是.NET Framework？什么是.NET Core?
[转载]通俗易懂,什么是.NET?什么是.NET Framework?什么是.NET Core? 什么是.NET?什么是.NET Framework?本文将从上往下,循序渐进的介绍一系列相关.NET的 ...
002 - new javascript 基础
002 - new javascript 基础 ####★技巧★ JS 引入返回从哪来到哪去 <script src="javascript:history.go(-1)" ...
JavaScript基础函数体中的唯一var模式(002)
全局变量是不好的.所以在声名变量的时候,应该采用函数体中的唯一var模式(Single var Pattern).这个模式有不少好处: 提供了一个唯一的地方来查看函数体中声名的变量在使用一个变量之前 ...
Web前端期末大作业---汽车主题网页设计002（HTML+CSS+JavaScript+）实现
临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题.你想要解决的问题,在这里常见网页设计作业题材有个 ...
Web前端期末大作业--汽车主题网页设计002（HTML+CSS+JavaScript+）实现
如何用JavaScript操作form表单组件？
一.用JavaScript操作按钮: <!DOCTYPE html> <html><head><meta charset="UTF-8"& ...
jQuery选择器实现隔行变色和使用javaScript实现隔行变色
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--什么是选择器? jQuery选择器继承了 ...
javascript 对象详解
在 JavaScript 能够涉及的范围内有如下几个"大"对象:window, document, location, navigator, screen, history 等.下 ...

002-JavaScript基本应用

一、JavaScript在网页中的位置

二、JavaScript的简单应用

三、注释和注意内容

002-JavaScript基本应用相关推荐

最新文章

热门文章