JS的前端用法

javascript的用法

HTML中的JS脚本必须被<script> </script>标签标记

其脚本代码或者文件链接可以被放置在HTML页面的bodyhead部分中

HTML中的JS

<body><head>中的JS

下面的实例会向HTML输出中加入两行代码

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<script>
document.write("<h1>H1大标题</h1>");
document.write("<p>插入段落</p>");
</script>
</body>
</html>

外部文件的JS

使用<script src='url'></script>的方式来进行js的引用, 使代码可以被复用

但外部脚本不属于HTML, 所以进行编写的时候不能添加<script>标签

执行JS

执行JS所使用的解释器其实人人都有—浏览器

使用浏览器的开发者工具就可以执行JS脚本

我们可以使用Console窗口来调试JS代码

也可以使用Source窗口内的Snippet创建小脚本文件(可以保存)

JS的输出

有意思的是, JS没有任何打印或者输出的函数

JS想要显示数据主要是依靠以下几种方案:

  • window.alert() 可以弹出警告框
  • document.write() 将内容写入到HTML
  • innerHTML() 写入到HTML
  • console.log() 写入到浏览器的控制台输出-有点类似print
  • Copyrights © 2024 Cdog Shen
  • Visitors: | Views:

请我喝杯咖啡吧~

支付宝
微信