前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何在页面中引入JS教程

如何在页面中引入JS教程

作者头像
小小鱼儿小小林
发布2020-06-23 16:36:53
5.4K0
发布2020-06-23 16:36:53
举报
文章被收录于专栏:灵儿的笔记

1.直接写到页面中

须位于 <script> 与 </script> 标签之间,放置在 HTML 页面的 <body> 或者 <head> 标签中:

<script type="text/javascript">

//在这里写JS代码

</script>

<script>元素,常用属性有:

type : 可看做是language的替代属性,表示编写代码使用的脚本语言的内容类型,MIME这个属性非必须,默认是text/javascript

src : 表示包含要执行代码的外部文件

注意:js代码所写的位置会影响到代码的执行效果

2.写到标签元素的事件属性里面

<div οnclick="javascript:alert('hello world')">

3.写到一个外部的文件里面(.js结尾的文件)

写到一个js文件中,然后哪个页面使用就引入过来,类似于css样式表的引用

例如:

<script type="text/javascript" src="js/test1.js"></script>

【注意事项】

1.不要在<script>标签中再填写其他js代码,否则将会忽略

2.标签位置<head>标签中:等到全部的js代码都被下载,解释和执行完成后才能开始呈现页面的内容。可将代码引用放到<body>元素放到内容后面。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017/09/26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档