如何在html中嵌套js代码块

如何在html中嵌套js代码块,第1张

两种方式:

一、如果是在网页直接写js代码,则在HTML中嵌入如下标签

<script language='javascript'>

// js代码

<script>

二、如果是外部js文件,则在HTML标签<head></head>之间嵌入如下标签

<script src="外部文件路径/js文件" language="javascript"></script >

例如:

<script src="baobiao/js/CalendarSelector.js" language="javascript"></script >

HTML页面里想要插入js需要使用script标签。在一对script标签中间写你想要插入的js代码就行,而这一对script标签可以放到head之间,也可以放到body之间,这是直接在页面写的方法,另一种方法是引入外部的js文件,同样使用script,这时不在该标签之间写代码,而是通过src=“js文件路径”引入,通常为了页面简洁常用外部引入的方法。

javaScript 方法通过onclick事件触发

嵌入javaScript有两种书写方式:

1、内部js

1.1在script中编写

<script type="text/javascript">

function showOutter(){

// 通过id,获得输入内容

var content = document.getElementById("content").value

alert(content)

}

</script>

</head>

<body>

<input type="text" id="content" />

<input type="button" value="d出" onclick="showOutter()"/>

</body>

1.2直接写在标签中

<body>

<h1 onclick="this.innerHTML='hello!'">请点击这段文本!</h1>

</body>

2、外部js

只需在外部建立.js格式文档,将1.1<script>标签之间的代码写入.js文件中。然后

<head>

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

</head>

<body>

<input type="text" id="content" />

<input type="button" value="d出" onclick="showOutter()"/>

</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6296310.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存