位置: 编程技术 - 正文

JavaScript与HTML的结合方法详解(javascript和html区别)

编辑:rootadmin

推荐整理分享JavaScript与HTML的结合方法详解(javascript和html区别),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript跟html,javascript和html结合例子,javascript与html和css的关系,javascript与html和css的关系,javascript与html的区别,javascript和html,javascript与html的区别,javascript与html的区别,内容如对您有帮助,希望把文章链接给更多的朋友!

HTML中的JavaScript脚本必须位于<script>与</script>标签之间,JavaScript脚本可被放置在HTML页面的<body>标签和<head>标签中,这种视情况而定,一般放在<head>标签内。一、<script> 标签 如需在HTML页面中插入JavaScript脚本,请使用<script>标签。<script>和</script>会告诉JavaScript在何处开始和结束。<script>和</script>之间的代码行包含了JavaScript:

您无需理解上面的代码。只需明白,浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript。那些老旧的实例可能会在<script>标签中使用type="text/javascript"。现在已经不必这样做了。JavaScript是所有现代浏览器以及HTML5中的默认脚本语言。鉴于刚刚学习JavaScript语言的可以使用!二、<body>中的JavaScript在本例中,JavaScript会在页面加载时向HTML的<body>写文本:实例代码:

我们先不管JavaScript代码怎么写和怎么运行,先来看运行结果:

三、JavaScript 函数和事件 上面例子中的 JavaScript 语句,会在页面加载时执行。通常,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。如果我们把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数。

四、<head>或<body>中的JavaScript 您可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

JavaScript与HTML的结合方法详解(javascript和html区别)

五、<head>中的JavaScript函数在本例中,我们把一个JavaScript函数放置到HTML页面的<head>部分。该函数会在点击按钮时被调用:实例代码:

运行的结果为:

点击按钮后的效果为:

六、<body>中的JavaScrip 函数 在本例中,我们把一个JavaScript函数放置到HTML页面的<body>部分。该函数会在点击按钮时被调用:实例代码:

运行的结果与上述五的结果一样! 提示:我们把 JavaScript 放到了页面代码的底部,这样就可以确保在 <p> 元素创建之后再执行脚本。七、外部的JavaScript 我们也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件,如果有大量的JavaScript代码,我们提倡使用外部的JavaScript方式,一般我们也采用分离的方式连接到HTML文档中。实例HTML代码:

myScript.js代码:

运行的结果和上述一致! 提示:在<head 或<body>中引用脚本文件都是可以的。实际运行效果与您在<script>标签中编写脚本完全一致。外部脚本不能包含 <script> 标签。

标签: javascript和html区别

本文链接地址:https://www.jiuchutong.com/biancheng/385479.html 转载请保留说明!

上一篇:js实现接收表单的值并将值拼在表单action后面的方法(js接收excel文件流)

下一篇:JS鼠标拖拽实例分析(js鼠标拖动窗口的做法)

  • 小微企业要做企业年金吗
  • 银行存款对银行的作用
  • 成品油认证后要开票怎么做
  • 属于劳务分包合同
  • 过期增值税发票怎么处理
  • 单位体检如何入账
  • 医院收到卫生局补助会计分录怎么写
  • 银行现金解款单回单怎么填
  • 个人合伙企业有没有企业所得税
  • 购进商品返点的钱用于抵扣货款怎么入账?
  • 自产自销的产品怎么做账
  • 外包业务账务处理
  • 员工服装属于什么费用类型
  • 模拟评估了是什么意思
  • 企业员工差旅平台排行
  • 电厂采购通常采购什么
  • 广告服务类企业有哪些
  • 农业自产自销如何认定
  • 季度利润
  • win11壁纸设置
  • 电脑开机硬盘自检怎么回事
  • 企业季度税如何申报
  • 汇算清缴申报表怎么填
  • 工业企业会计核算的特点
  • 程序员中秋节祝福语
  • 纳税人临时到外省从事经营活动
  • php操作mysql数据库
  • 观景台俯视图
  • php遍历结果集
  • php多文件上传代码
  • vue前端项目实战
  • 什么是男人无力的行为
  • 给工程项目买保险合法吗
  • 单据已经生成凭证,不允许自动删除
  • 包工的人工费可以算工程款
  • 基础土建工程是干什么的
  • 所得税费用为什么不计入营业利润
  • 一个合同里面服务怎么写
  • mongodb win7
  • syslog ng
  • 应收账款的账务改为公司招待费用怎么做会计分录
  • 现金周期和经营周期的计算公式
  • FreeBSD安装xfce4: 鼠标不能用
  • 生产成本明细科目有哪些内容
  • 出售固定资产计入营业外收入
  • 银行承兑汇票和银行汇票的区别
  • 经济纠纷引发的盗窃
  • 物流企业发生的费用包括
  • 进口货物如何入账
  • 收不到物业费不想干了
  • 向非金融企业借款会计分录
  • 股东利润分配预缴税款
  • 对公提现是什么意思啊
  • 会计出账入账怎么做
  • 营业收入的核算内容包括
  • mysql的全文索引的用处
  • win10安装mysql初始化失败原因
  • windows补丁是什么
  • docker 自启动
  • windows无法打开添加打印机
  • mac怎么恢复出厂设置
  • win10h2版本
  • win7网络问题
  • windows7里剪切小剪刀在哪里
  • 如何清楚windows搜索记录
  • html5的全局属性
  • android手机传感器应用程序
  • linux守护进程管理
  • 批处理计数
  • unity3d游戏开发教程
  • 1、Android Studio创建android项目
  • python正则函数
  • android sdk在哪下载
  • 简述使用jquery实现表单验证的流程
  • 个人所得税app什么时候能查到月收入
  • 国家税务四川税务总局APP
  • 国家税务总局2018年61号公告
  • 葫芦岛市税务局电话
  • 潍坊特殊工种退休公示名单九月
  • 土地增值税分期清算条件?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设