如何在HTML中嵌入JavaScript
2017-03-06 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
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="弹出" 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="弹出" onclick="showOutter();"/>
</body>
嵌入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="弹出" 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="弹出" onclick="showOutter();"/>
</body>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
