JavaScript——快速入门

yiqi_perss

于 2022-06-29 21:03:36 发布

阅读量227

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_53111723/article/details/125516007

版权

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

学习内容：

JavaScript快速入门

例如：

<html>
<head>
  <script>
    alert('Hello, world');
  </script>
</head>
<body>
  ...
</body>
</html>

JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到 head 中：

由<script>...</script>包含的代码就是JavaScript代码，
它将直接被浏览器执行。
第二种方法是把JavaScript代码放到一个单独的.js文件，
然后在HTML中通过<script src="..."></script>引入这个文件：
<html>
<head>
  <script src="/static/js/abc.js"></script>
</head>
<body>
  ...
</body>
</html>

由<script>...</script>包含的代码就是JavaScript代码，它将直接被浏览器执行。

第二种方法是把JavaScript代码放到一个单独的.js文件，然后在HTML中通过<script src="..."></script>引入这个文件：

<html>
<head>
  <script src="/static/js/abc.js"></script>
</head>
<body>
  ...
</body>
</html>

这样，/static/js/abc.js就会被浏览器执行。

把JavaScript代码放入一个单独的.js文件中更利于维护代码，并且多个页面可以各自引用同一份.js文件。

可以在同一个页面中引入多个.js文件，还可以在页面中多次编写<script> js代码… </script>，浏览器按照顺序依次执行。
有些时候你会看到<script>标签还设置了一个type属性：
<script type="text/javascript"> ... </script>
但这是没有必要的，因为默认的type就是JavaScript，所以不必显式地把type指定为JavaScript。

学习总结：

日常小总结

例如：

JavaScript 脚本程序在 HTML 文件中执行；
JavaScript 程序要写在<script></script>标签块内部；
JavaScript 区分大小写；
每行写一条语句；
文本内容要放到英文双引号里头；
语句末尾需要加分号，表示这一行语句(代码)的结束。
alert用来显示一个提示框，提示框中的内容，就是 alert 后边小括号中的内容（用英文双引号包起来的一段文本值）。
<br />可以换行，document.write 表示向文档中写入一段内容，而这段内容要使用双引号包起来，但是在页面呈现出效果时，是没有双引号的，这是因为双引号在 js 程序里有特殊的含义，它表示其内部的内容是一串文本值（简称字符串）。
JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中：由<script>...</script>包含的代码就是JavaScript代码，它将直接被浏览器执行。第二种方法是把JavaScript代码放到一个单独的.js文件，然后在HTML中通过<script src="..."></script>引入这个文件：
字符串冲突解决问题，转义字符\可以把具有特殊能力的符号，变成普通的字符。例如双引号在 js 代码中，表示字符串（一段文本）的开始和结束，在使用\后，它就是内容中普通的双引号了。
1) 双引号变单引号，如下所示：
document.write("<a href='http://www.baidu.com'>转到百度</a>");
2) 使用\进行转义，代码如下：
document.write("<a href=\"http://www.baidu.com\">转到百度</a>");