1.使用script标签,将js代码写入标签(html和js没有分离)

在 HTML 中,JavaScript 代码必须位于 <script> 与 </script> 标签之间。

<script>
        console.log(Number.MAX_VALUE)

        var s = 'hello world'

        var n = 10

        var u =undefined

        var l  =null

        var obj = {}

        var arr = []

        var addHandler = function()  {

        }

        console.log(s.length)

        console.log(undefined === null)

        console.log('123\n234')

        console.log(typeof  s, '-----------')
        console.log(typeof  n, '-----------')
        console.log(typeof  u, '-----------')
        console.log(typeof  l, '-----------')
        console.log(typeof  obj, '-----------')
        console.log(typeof  arr, '-----------')
        console.log(typeof  addHandler, '-----------')
        



    </script>

2.定义一个后缀名为.js的文件,然后在html中使用script标签的src属性引入(html和js分离开来)

<script>
     console.log('你好世界!')
     console.log('你好世界!')
 </script> 

 这个是写在html文件中的

console.log('hello world!')

这个代码是写在js文件中的

然后使用script标签的src属性引入

<script  src="./hello.js"></script>

 

 


在外部文件中放置脚本有如下优势:

  • 分离了 HTML 和代码
  • 使 HTML 和 JavaScript 更易于阅读和维护
  • 已缓存的 JavaScript 文件可加速页面加载

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐