网页中嵌入JavaScript+事件触发程序

嵌入方式:

1.JavaScript代码与HTML写在同一个文档中

JavaScript代码要放在<script>和</script>标签之间
而且整个JavaScript代码最好放在</body>前,这样可以让浏览器先加载并显示主体

2.JavaScript代码单独存成.js文件,让网页文档通过链接方式引用
外部JavaScript程序文件通常都保存在名字为js的文件夹中,引用外部.js文件,需要<script>标签的src属性设置路径

<srcipt src="js/main.js"></script>//js文件夹里main.js文件

事件触发程序

onLoad//网页加载完毕后触发<body>标签中
onMousOver//鼠标指针移动到指定对象触发
onMoutOut//鼠标指针离开指定对象触发
onClick//鼠标左键点击触发
onKeyDown//按键按下触发
onKeyUp//按键放开触发

除了onLoad,其余事件可用于任何标签中
在这里插入图片描述
加了几个代码,
网页加载完毕后效果:
在这里插入图片描述

在这里插入图片描述
然后点击how are you
产生效果:
在这里插入图片描述

但是呢,现在网页内文最好不要加一些JavaScript。
因为这样不适于重复使用和维护
而且每一次使用都要从新加载一遍JavaScript代码。如果我们单独写到一个文件里,那么浏览器会在本机有缓存,就不需要从新下载代码了
所以呢我们要分离内容(HTML)与交互逻辑(JavaScript)

所以呢,我要准备学jQuery了
今天一天饭还没吃,容我吃顿饭

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/560613.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux查看分区树形状态,查看Linux磁盘的分区状态(lsblk、blkid、parted)

②磁盘的管理是一个相当重要的环节&#xff0c;如果你想在系统里面新增一块磁盘&#xff0c;应该做一下几个操作2.命令格式lablk [选项] [设备文件名]3.选项-d&#xff1a;仅列出磁盘本身&#xff0c;并不会列出该磁盘的分区信息-f&#xff1a;同时列出该磁盘内的文件系统名称-…

sql相同顺序法和一次封锁法_数学专题 | Ep01 隔板法的妙用

数学专题(一) 隔板法的妙用浓度常见哪些问题?排列组合分堆&#xff1f;涂色&#xff1f;到底掌握透彻了吗&#xff1f;解析几何与韦达定理&#xff1f;公式总是记不住&#xff1f;应用题还不会解&#xff1f;除了写作(写作听我的)、逻辑(逻辑说)专题外&#xff0c;本周起我们也…

山东大学linux实验报告,山东大学操作系统实验四

一.实验内容&#xff1a;抽烟者问题。假设一个系统中有三个抽烟者进程&#xff0c;每个抽烟者不断地卷烟并抽烟。抽烟者卷起并抽掉一颗烟需要有三种材料&#xff1a;烟草、纸和胶水。一个抽烟者有烟草&#xff0c;一个有纸&#xff0c;另一个有胶水。系统中还有两个供应者进程&…

通过CDN引用jQuery库+jQuery的使用+网页实现计算器的功能

jQuery是什么&#xff1f;有什么用&#xff1f; jQuery是javascript库&#xff0c;其实就是一堆的js函数&#xff0c;方便我们来调用&#xff0c;提高我们的开发效率 免费开源&#xff0c;支持主流浏览器&#xff0c;简化选取网页元素的语法&#xff0c;简易的读取设置元素的…

amd cpu排行_最新AMD CPU排行出炉 E6版3000+夺魁

据消费调研中心ZDC统计结果显示&#xff0c;2006年3月最受用户关注的前十款AMD CPU中&#xff0c;Athlon64和Sempron两大系列产品平分秋色&#xff0c;各有五款产品入围。具体产品排行如下图所示。(图)2006年3月最受用户关注的前十款AMD CPU排名产品名称报价L2缓存(KB)插槽类型…

java异常及错误处理大纲

文章目录1.异常处理2. 自定义异常3. 断言及程序的测试4. 程序的调试1.异常处理 异常&#xff08;exception ) 又称为例外、差错、违例 对应着Java运行错误处理机制 基本写法 try{ 语句组 }catch(Exception ex){ 异常处理语句组&#xff1b; }import java.io.*; public cla…

linux dev alloc name,深入理解Linux网络技术内幕-设备注册和初始化(二)

NIC注册和注销的通用架构Linux系统中NIC网络设备驱动程序利用网络代码进行注册和注销有其通用的架构&#xff0c;这里以PCI Ethernet NIC为例&#xff0c;其他设备类型只是所以函数名称和调用方式不同&#xff0c;主要依据于设备总线提供的接口。其中(a)为设备注册的大致流程图…

外贸常用术语_外贸中常用的会计术语及付款方式术语 | 会计英语

点击上面“财经英语”关注公众号&#xff01;点击下面小程序加入: 学习圈财经英语 学习圈 预付现金 Cash advance 凭提货单支付现金 Cash against Bill of Lading (B/L) 凭单据付现款||凭装货单付现款 Cash against Documents 现金结存||现金差额 Cash balance 现收现付制||现金…

c语言中block做函数参数,c语言中的block

//block块(数据类型) 封装的一段具有特定功能的代码段//函数有函数名&#xff0c;block没有名字&#xff0c;也可以叫做匿名函数&#xff1b;函数不能做参数传递&#xff0c;block可以作为参数传递&#xff1b;//形式&#xff1a;/* 返回值类型,(^ block变量名)(参数列表)&…

python 多维list 排序_一行代码的优雅| Python列表生成式

欢迎回来&#xff0c;上一周我们整理了基础课中三大结构有关内容的具体应用及案例。可以通过以下几篇推文进行回溯&#xff1a;Python语言基础50课我的Python - 100天笔记 |D1-D7我的Python - 100天笔记 |D8-D14列表是Python中非常常见的数据结构&#xff0c;在基础课中也占了不…

c语言高斯白序列x,C语言程序设计程设计指导书(晓庄).doc

C语言程序设计程设计指导书(晓庄)C语言程序设计课程设计任务书南京晓庄学院数学与信息技术学院2011-9-20一、C语言程序设计课程设计的目的说明1)复习巩固C语言的基础知识&#xff0c;进一步加深对C语言编程的理解和掌握&#xff1b;2)利用所学知识&#xff0c;理论和实际结合锻…

arduino智能风扇系统

研究方法与思路&#xff1a; 我们小组一开始找的是一个别人做好的项目&#xff0c;按键控制风扇挡位&#xff0c;不同挡位对应不同LED灯。但是实现过程中存在bug。而且仅仅通过按键控制风扇着实有局限性&#xff0c;因此我觉定用串口控制风扇开关的模式&#xff0c;输入1&…

verilog 生成块_如何高效的编写Verilog——终极版

为了高效的编写Verilog&#xff0c;通常有些编辑器插件可以自动生成代码&#xff0c;比如自动端口定义&#xff0c;自动连线&#xff0c;自动实例化等等。公司的环境有很好用的自动化插件&#xff0c;想给自己的电脑也整个怎么做。比如Emacs中有个插件叫verilog-mode。但是博主…

arduino串口输入改变模式模块

最新更新: 当时太嫩&#xff0c;做这个不知道arduino还有中断的方法&#xff0c;利用中断的方法可以比下面这种循环判断的方法更简单。 最近做了不少arduino智能系统&#xff0c;我发现在与用户交互的过程中&#xff0c;经常用到&#xff1a;通过在串口输入不同的值达到手动控…

android悬浮动态权限,Android 获取判断是否有悬浮窗权限的方法

现在很多应用都会用到悬浮窗&#xff0c;很多国产rom把悬浮窗权限加入控制了&#xff0c;你就需要判断是否有悬浮窗权限&#xff0c;然后做对应操作。Android 原生有自带权限管理的&#xff0c;只是被隐藏了。看android源码在android.app下就有个AppOpsManager类。类说明如下&a…

剩余 大小 查看内存_JVM的内存分配策略以及进入分代的条件

JVM的参数和知识点太多啦&#xff0c;记录下来&#xff0c;供自己随时回顾。java对象什么时候进入年轻代&#xff08;新生代&#xff09;&#xff1f;java对象什么时候进入老年代&#xff1f;对象优先在Eden分配大对象直接进入老年代空间分配担保机制java对象什么时候进入年轻代…

Arduino的串口结束符及串口缓冲区

文章目录1.深入理解缓冲区和Serial.available()&#xff1a;2.深入理解串口结束符3.验证结论&#xff1a;1.深入理解缓冲区和Serial.available()&#xff1a; 运行下面的代码&#xff0c;我发现如果不在串口输入任何数字&#xff0c;就会一直显示“no”&#xff0c;输入一个数…

android 圆角边框边框渐变,支持边框、圆角、渐变色、透明度的GradientButton

最近在项目中发现好多Button背景颜色相同&#xff0c;但圆角大小不等的Button&#xff0c;这样就得写一大堆的shape或者selector&#xff0c;不便于管理及后期维护&#xff0c;于是乎变想能不能写一个支持边框、圆角、渐变色、透明度的万用Button呢。为了能够兼容button自带的属…

(斜率,点和线段)zzuli1196数星星(二)

题目描述 一天&#xff0c;小明坐在院子里数星星&#xff0c;Gardon就出了个难题给他&#xff0c;让他数数天上的星星最多有多少个是在同一条直线上的。天上的星星太多了&#xff0c;小明马上就看花了眼&#xff0c;你能写个程序来帮他计算么&#xff1f; 输入 首先输入一个整…

鸿蒙ide如何运行,深入浅析华为鸿蒙IDE安装与Hello World

一、系统安装1. 到官网下载HUAWEI DevEco Studio2. 安装二、创建项目创建项目目前还没有手机选项&#xff0c;所以我先选择一个电视&#xff1a;IDE的环境看起来和idea差不多&#xff0c;应该比较容易上手。从“关于”里也可以看到&#xff0c;确实是基于IDEA开源版本开发的。我…