HTML与Javascript链接方式

最新推荐文章于 2024-04-24 14:53:02 发布

ruthy-wei

最新推荐文章于 2024-04-24 14:53:02 发布

阅读量3.8w

点赞数 13

分类专栏： Javascript基础

本文链接：https://blog.csdn.net/ruthywei/article/details/71786077

版权

Javascript基础专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML与Javascript链接

通过在<script></script>中直接编写

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>js开发</title>
	</head>
	<body>
	<script type="text/javascript">；
		alert('麦子学院js课程开课啦')
	</script>
	</body>
</html>

外部链接js文件

通过<script src='目标文档的URL'></script>链接外部的Js文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>js开发</title>
	</head>
	<body>
	<script type="text/javascript" src="js/text1.js">
	</script>
	</body>
</html>

document.write('this is a text');

注意：

一般情况下，JavaScript链接直接写在title标签里。

作为某个元素的事件属性值或者是超链接的href属性值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>js开发</title>
	</head>
	<body>
	<a href="javascript:confirm('您确认要进入JavaScript世界吗？')">确认</a>
	<p οnclick="javascript:alert('hellow world!')">welcome come in javascipt</p>
	</body>
</html>

代码屏蔽

方式一：通过注释

用<--

您的浏览器不支持JavaScript，请查看。

//-->

若浏览器不支持JavaScript，则会显示注释内容，若浏览器支持JavaScript则会跳过注释，继续执行代码。

<script type="text/javascript">
	<!--
	       您的浏览器不支持JavaScript，请查看;
	//-->
</script>

方式二：通过noscript标签

若浏览器不支持JavaScript，则会显示标签里的内容，若浏览器支持JavaScript则会跳过该标签，继续执行代码。

<noscript type="text/javascript">
       您的浏览器不支持JavaScript，请查看;
</noscript>

ruthy-wei

关注

13
点赞
踩
48

收藏

觉得还不错? 一键收藏
1
评论
HTML与Javascript链接方式

HTML与Javascript链接通过在中直接编写 js开发； alert('麦子学院js课程开课啦') 外部链接js文件通过链接外部的Js文件 js开发 document.write('this is a text');注意：一般情况下，JavaScript链接直接写在title标签里
复制链接

扫一扫