您的位置：首页 > Web前端 > JavaScript

JavaScript嵌入到html的方式

2017-06-07 19:11 225 查看

今天学习了javascript相关的书籍,突然对javascript灵活多变的语法感到困惑,参考了网上的优秀文章,加以自己的理解,写下一篇博客,与大家分享学习的经验。

JavaScript作为客户端的脚本语言，主要的用途就是帮助HTML处理部分交互逻辑。JavaScript语言同其他脚本语言一样，通过控制语句、函数、对象方法属性等来实现编程。先来介绍JavaScript是如何同HTML交互的，也就是嵌入的方式。根据JavaScript在HTML中加载方式的不同，嵌入方式可以分为内部引用、外部引用和内联引用。

1．内部引用
通过<Script></Script>标记嵌入JavaScript，这是最常用也是最简便的一种引用方式，可以在HTML代码的任何位置嵌入

<head>

<script

type="text/javascript">

document.write("Hello world!");

</script></head>
2．外部引用
通过引用HTML文件的方式加载JavaScript文件，这种方式可以使HTML代码更简洁，方便代码复用。

<head>

<script

type="text/javascript" src="路径"> </script>

</head>

可以放在<head>标签内，如果是非关键javascript代码可以放在后面.
3．内联引用
通过HTML标记的触发事件属性实现，比如通过onclick事件直接调用JavaScript代码。在HTML中有很多这样的事件属性，通常都是配合JavaScript这样的前端脚本语言来使用，示例代码如下：

<input type="button" value="" onclick="alert（'你内联引用的方式调用了JavaScript代码'）;">

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航