•我们目前学习的JS全都是客户端的JS，也就是说全都是需要在浏览器中运行的，所以我们我们的JS代码全都需要在网页中编写。
•我们的JS代码需要编写到<script>标签中。
•我们一般将script标签写到head中。（和style标签有点像）
•属性：
– type：默认值text/javascript可以不写，不写也是这个值。
– src：当需要引入一个外部的js文件时，使用该属性指向文件的地址。
•创建一个html文件。
•在html文件的的head标签中创建一个script标签，并编写如下代码。
<scripttype="text/javascript">
console.log("Hello World");
</script>
JS对象、浏览器对象、文档对象
| JavaScript 对象 | JS Array JS Boolean JS Date JS Math JS Number JS String JS RegExp JS Functions JS Events |
| Browser 对象 | Window Navigator Screen History Location |
| HTML DOM 对象 | DOM Document DOM Element DOM Attribute DOM Event |
| HTML 对象 | 各种标签，比如 <a> <area> <audio> <base> <body> <blockquote> <button> <canvas> |
/**
* [微信公众号：架构师的思考]
* @author：冯强
*/
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--script标签对中,写JS代码-->
<!--type：默认值text/javascript可以不写，不写也是这个值。-->
<script type="text/javascript">
/*
* 让浏览器发出一个警告信息
*/
/*
* 1)、
* window.alert(message)：
* 概述
* 显示一个警告对话框,上面显示有指定的文本内容以及一个"确定"按钮。
* 语法
* window.alert(message);
* message是要显示在对话框中的文本字符串,如果传入其他类型的值,会转换成字符串.
* 附注
* 警告对话框使用在无需用户确认的情况下,否则应该使用其他类型的对话框,比如confirm, prompt.
* 这里显示的对话框是一个模态窗口,它能阻止用户对浏览器窗口界面的其他部位进行操作,你不应该过
* 多的使用这种模态窗口.
*/ //执行到alert时，系统会停下来（后面的代码不会执行），
//点击确定之后，再继续执行
alert("浏览器的警告内容！"); //JS代码编写，分号结束；
/*
* 在页面中输出内容
*/
/*
* 2）、
* Document 对象（属于HTML DOM 对象）：
* 每个载入浏览器的 HTML 文档都会成为 Document 对象。
* Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
* 提示：Document 对象是 Window 对象（属于Browser 对象）的一部分，
* 可通过 Window.document 属性对其进行访问。
*/
/*
* 3）、
* Window 对象：
* Window 对象表示浏览器中打开的窗口。
* 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，
* 并为每个框架创建一个额外的 window 对象。
* 注释：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。
*/
/*
* 4）、
* HTML DOM write() 方法：
* 定义和用法
* write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。
* 可列出多个参数(exp1,exp2,exp3,...) ，它们将按顺序被追加到文档中。
* 语法
* document.write(exp1,exp2,exp3,....)
* 说明
* 虽然根据 DOM 标准，该方法只接受单个字符串作为参数。不过根据经验，write() 可接受任何多个参数。
* 我们通常按照两种的方式使用 write() 方法：
* 一是在使用该方在文档中输出 HTML.
* 另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。在第二种情况中，
* 请务必使用 close() 方法来关闭文档。
*/
document.write("在页面中输出内容！");
/*
* 向控制台输出内容
*/
/*
* 5）、
* 只读属性Window.console返回一个对Console对象的引用，Window.console提供了向浏览器
* 控制台输出日志信息的方法。这些方法仅应该用于调试，并不应该用来给最终用户呈现信息。
*/
/*
* 6）、console.log：
* 概述向web控制台输出一条消息.
* 语法
* console.log(obj1 [, obj2, ..., objN);
* console.log(msg [, subst1, ..., substN);
* 参数
* obj1 ... objN
* 一个用于输出的JavaScript对象列表. 其中每个对象会以字符串的形式按照顺序依次输出到控制台.
* msg
* 一个JavaScript字符串,其中包含零个或多个替代字符串.、
* subst1 ... substN
* JavaScript对象,用来依次替换msg中的替代字符串.你可以在替代字符串中指定对象的输出格式.
* 规范
* 不属于任何公开的规范
*/
console.log("向控制台输出信息！");
</script>
</head>
<body>
</body>
</html>
|
   |
4043
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
