html引用js_JavaScript引用

博客介绍了JavaScript在网页中的作用,它用于实现用户与网页的交互。重点讲解了JavaScript的三种引用方式,包括外部引用(HTML和JS代码分文件存放)、内部引用(两者放于同一文件)以及元素属性引用(在元素事件属性中编写或调用JS),最后进行了总结。

2380b2d488b8902285d3a9bb248f4c57.png

    根据前面的学习,我们已经知道了HTML用于控制网页的结构,CSS用于控制网页的外观,而JavaScript控制着网页的行为。因此JavaScript是用于用户和网页进行交互的语言。

JavaScript引用方式有三种

外部JavaScript

    外部JavaScript,指的是把HTML代码和JavaScript代码单独放在不同的文件中,JavaScript代码放在.js结尾的文件中。外部引用可以放在

中。

用法:

DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8" />

        <title>JavaScript外部引用title>

        <script src="index.js">script>

    head>

    <body>

        <script src="index.js">script>

    body>

html>

内部JavaScript

    内部JavaScript,指的是把HTML代码和JavaScript代码放在同一个文件中。外部也可以放在

或中。

用法:   

DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8" />

        <title>JavaScript内部引用title>

        <script>

            //内容

        script>

    head>

    <body>

        <script>

            //内容

        script>

    body>

html>

元素属性JavaScript

    元素属性JavaScript,指的是在元素的“事件属性”中直接编写JavaScript或调用函数。

用法:  

DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8" />

        <title>元素属性JavaScripttitle>

    head>

    <body>

        <input type="button" value="按钮" onclick="alert('我真的帅')" />

    >

html>

alert()是一个函数表示弹出一个对话框 。


本节主要学习了JavaScript的引用方式,最后对其总结。

  • 外部JavaScript

  • 内部JavaScript

  • 元素属性JavaScript    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值