在js中加html_在HTML文档中嵌入JavaScript的四种方法
在HTML里嵌入JavaScript
在HTML文档里嵌入客户端JavaScript代码有4中方法:
1.内嵌,放置在标签之间 (少);
2.放置在有
3.放置自HTML事件处理程序中,该事件处理程序由onclick或onmouseover这样的HTML属性值指定它 (很少);
4.放在一个URL里,这个URL使用特殊的协议”javascript“协议 (很少);
0——附:脚本类型
JavaScript是Web的原始脚本语言,在默认情况下,
... ...
type 属性的默认值是 ”text/javascript“。
1——内嵌
例如:
function displayTime(){
... ...
}
window.onload = displayTime;
2——src属性使用外部文件中的脚本
使用src属性时,标签之间的任何内容都会被忽略。
当在页面中用src属性包含一个脚本时,就给了脚本坐着完全控制Web页面的权限。
3——HTML中的事件处理程序
当脚本所在的HTML文件被载入浏览器时,这个脚本里的JavaScript代码只会执行一次。JavaScript代码可以通过把函数赋值给Element对象的属性来注册事件处理程序。这个Element对象表示文档里的一个HTML元素。
例如:
HTML中定义的事件处理程序的属性可以包含任意条JavaScript语句,相互之间用逗号分隔。这些语句组成一个函数体,然后这个函数成为对应事件处理程序属性的值。
4——URL中JavaScript
在URL后面跟着一个javascript:协议限定符,是另一种嵌入JavaScript代码到客户端的方式。这种特殊的协议类型指定URL内容为任意字符串,这个字符串是会被JavaScript解释器运行的JavaScript代码。它被当作单独的一行代码对待,这意味着语句之间必须用分号隔开,而注释必须用/**/注释代替。javascript:URL能识别的资源是转换成字符串的执行代码的返回值。如果代码返回 undefined,那么这个资源是没有内容的。
javascript:URL可以在可以使用常规URL的任意地方:比如标记的href属性,的action属性,甚至window.open()方法的参数。
超链接里的JavaScript URL可以是这样:
What time is it?
上文所表述的全部内容是HTML文档中嵌入JavaScript的四种方法,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。
在js中加html_在HTML文档中嵌入JavaScript的四种方法相关推荐
- 假想面试题:现在有一串字符串2, 2, 3……,其中字符串中的数字类似于Word文档中的标题级别,最终效果是让它们按照Word文档导航窗格中的标题级别格式进行展示
目录 一.问题 二.答案 1.依赖 2.代码 3.结果 4.思路分析 三.拓展 1.反向思维 2.引用数据类型 四.实战 1.背景 2.实战模拟 2.1.代码 2.2.结果 一.问题 现在有一串字符串 ...
- PageOffice实现js执行在线编辑时Word文档中的宏命令
2019独角兽企业重金招聘Python工程师标准>>> 在对Word文档进行操作时有时会需要执行某些宏命令,但在系统中,若要执行宏命令,如果依然通过创建宏.编写宏.执行宏,来实现某些 ...
- 复制百度文库的文字加什么后缀_WORD文档中如何复制样式
其实在我们的 Word 编辑中, 段落的样式是十分的多的, 有时候在一个文档中, 我们懒得 重新设置样式,就可以将其他文本中的样式复制过来,不仅有效而且省时.接下来,我们就 来学习一下这个实用的复制样 ...
- 一文搞定最大公约数(四种方法,赋原理和比较,超详细解答)
最大公约数 前言 1.暴力穷举法 代码 2.辗转相除法 步骤 原理 代码 3.更相减损法 步骤 原理 代码 比较 4.stein算法 比较 运算符 & 移位操作符 原理 步骤 代码 前言 求两 ...
- html 中写样式,在html文档中如何定义内部样式表
慕容森 在html中定义CSS样式的方法有三种,新建CSS文件 使用link 关联 这种是最常用的外部引用样式,第二种讲样式写在 head 头部里面 这种是页面样式 ,第三中样式直接写在行内 sty ...
- Word文档(.docx) 转为 Markdown文档(.md)的一种方法 —— 一款word插件(Writage)
将Word文档转为Markdown文档,虽然这种情况不多,但是遇到的时候,如果有一个顺手的插件,那真是太舒服了 工具: Writage 大小: <10M 下载方式: 官网http://www.w ...
- 移动硬盘中剪切的文件能恢复吗?可尝试这四种方法找回
在使用移动硬盘时,我们所存储的数据很容易出现意外丢失.被删除.受到病毒感染等方方面面的问题.而如果你使用的是剪切操作,而不是复制操作来移动文件,那么在操作过程中很容易因为各种原因导致数据丢失.如果你遇 ...
- 【问题处理】在word中导入另一个word文档中的样式
1.打开所有样式,选择"管理样式"图标. 2.在弹窗中,点击"导入导出"按钮. 3.在管理器中,先关闭已有样式. 4.再点击"打开文件",以 ...
- Java为xml跟节点添加子节点_如何将xml节点作为第一个子节点插入Java中的另一个xml文档中?...
小编典典 如果事实证明我只是为您做功课,我会感到非常恼火. package com.akonizo.examples; import java.io.ByteArrayInputStream; imp ...
最新文章
- Java 基础学习-链接
- LipNet与ICLR评委互怼始末:名气大又怎样,还不是被拒绝了
- 图像处理——基于OpenCV的canny边缘检测
- 交友软件上的两种网友类型......
- python计算precision,recall,f1-score
- Elasticsearch生态技术峰会 | Elasticsearch在企查查的应用实践
- Python 3 的新特性zz
- ibatis的缓存机制
- 软件项目计划书的内容
- popToViewController:animated:的崩溃
- Codeforces Round #368 (Div. 2)(C. Pythagorean Triples 勾股数规律)
- 阿里云oos对象存储 上手快速入门
- 使用RT-Thread Studio DIY 迷你桌面时钟| 获取温湿度传感器数据(I2C设备驱动+SHT3x软件包)...
- 软件测试有哪些常用的SQL语句?
- OpenCL Function Qualifiers (函数限定符)
- 3D打印机硬件驱动-马林固件最新版本2.0.X中文注释(1)marlin 2.0.9.2 截至发稿时间2021年12月16日
- 英语常用的62个英语句型,必备
- Python-接口自动化流程(pytest)
- Android 10 系统屏蔽底部按键 禁止锁屏 禁用横屏
- 字节小程序交易组件使用指南
热门文章
- zabbix添加自定义监控项目-配置邮件告警-测试告警
- csv data set config使用介绍
- 二、Java面向对象(7)_封装思想——this关键字
- RHEL 6.5 安装 was 8.5
- 基于OpenGL编写一个简易的2D渲染框架-03 渲染基本几何图形
- 一键分享(系统所有的软件的分享功能)
- MyEclipse设置JSP页面默认编码方式
- 麦克纳姆轮运动原理_【带字幕视频】麦克纳姆轮你了解多少?ESP32的WIFI信号,居然能覆盖10公里?...
- java自动布局_动态视图的自动布局约束
- android教程 - android ui 介绍,多图详解 “Android UI”设计官方教程