Js脚本插入页面--按键变红色

最新推荐文章于 2021-11-09 10:59:21 发布
最新推荐文章于 2021-11-09 10:59:21 发布
阅读量379 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_4612/article/details/82616184
版权

 

题目：  用JavaScript做一个页面，按页面中"改变"按键，页面背景色变红。

 

 

 （1）新建一个Js脚本



 


 （2）脚本里面的代码并不用<script>标签，直接写内容，如图定义一个函数。
 

（3）将Js脚本保存后，新建一个html文件，在<head>部分插入Js脚本

 


 

 

（4）插入后，在html代码的<body>部分增添input键，如图：

 



 

 

（5）点击"实时视图"，点击“改变”按键，页面变红

 

 

 

 

 

 

 


 

iteye_4612
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Axure RP 从入门到精通（五十五）案例 - 终极杀人王(执行javascript脚本)
人不风流枉少年
08-29 1175
一：执行一个简单的js脚本 为按钮添加一个单击事件，链接到URL或文件路径，输入js脚本，脚本的第一行必须是javascript:。 javascript: alert('js被执行了'); 注意：js中的注释不能使用//, 只能使用 /* */，最好不要加任何注释。 二：引入视频控件 拖入一个矩形，命名为”videoCode“，并将以下html代码粘贴到矩形。 <iframe src="https://www.runoob.com/try/demo_source/movie.mp4"
【THM】Cross-site Scripting（跨站脚本）-初级渗透测试
最新发布
追风少年亚索的博客
03-28 903
撰写本文目的仅仅提供个人查看笔记用途，大家可以去官网查看，都一样的
js 在父元素里添加红色的div ,而且每次都是第一个
weixin_30294709的博客
07-12 220
<style&gt; .leftdiv { width: 200px; height: 200px; border: 1px solid red; margin: 20px 20px; float: left; } .btn {...
javascript点击当前文字变色
derpvail的专栏
06-19 941
&lt;%@ page contentType="text/html; charset=GBK" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="h.
js中让字符串中特定字符红色显示
疏雨萧萧千行泪
05-30 5094
想要实现下图所示效果，纯js代码如下： <script type="text/javascript" language="javascript"&gt; var s = "暖"; var reg = new RegExp("(" + s + ")", "g"); var str = "CSDN暖枫无敌，暖枫无敌CSDN"; var newstr =...
html——js将匹配关键字使其变为红色
知北行的博客
07-18 3968
js将匹配关键字使其变为红色 /** * 将关键字变为红色 * @param str 待处理字符串 * @param keyWord 关键字字符串 * @returns {*} 将关键字变为红色加粗后的字符串 */ function changeKeyRed(str,keyWord) { if(str!=null&&keyWord!=null
javascript经典特效---检测键盘的按键.rar
02-23
JavaScript是一种广泛应用于网页和网络应用的脚本语言，它在客户端运行，为用户提供动态、交互式的用户体验。在本文中，我们将深入探讨JavaScript如何检测键盘按键，这是创建各种网页交互效果和游戏的重要技术。 ...
JavaScript 点击插入文字
10-29
事件可以是用户操作，比如点击、鼠标悬停、按键等，也可以是浏览器操作，比如页面加载完成或窗口大小改变。通过编写事件处理函数，我们可以定义在特定事件发生时执行的代码。 2. document.onclick事件：这是在...
PDF 文本域自定义按键脚本 willCommit 事件示例
04-07
在本文中，我们将深入探讨如何使用Acrobat DC中的PDF JavaScript来实现对PDF文本域的自定义按键脚本，特别是利用`willCommit`事件来确保用户输入的数据符合预设的格式要求。`willCommit`事件是在用户按下键盘键或从...
html中爆红,原因是javaScript的配置问题
我是一只猫的博客
06-12 848
将ECMAScript 5.1切换为ECMAScript 6.!!!(就是这么简单)
js实现绑定多个按钮并当点击某个按钮时改按钮颜色改变
黄大仙
08-05 3809
<!DOCTYPE html&gt; <html lang="en"&gt; <head&gt; <meta charset="UTF-8"&gt; <title&gt;Title</title&gt; </head&gt; <body&gt; <button&gt;按钮</button&gt; <button&gt;按钮</button&gt; <button&gt;按钮</button&gt; <b
利用js实现多彩输入框
z6_6z的博客
07-26 715
应用的相关知识： 1、颜色的rgm表达 2、键盘响应事件3、按钮监听4、DOM模型获得节点5、js控制css样式 简单描述： 1、颜色在编程中的描述一般分为三种： 第一种: 字符创名称赋值，如 *.background = "red", 第二种: 颜色的十六进制数表示，如 *.background = "#ffffff" 第三种: 颜色的rgm表达式表示，其用0-2...
js点击按钮改变颜色
Lyonahah的博客
11-09 5616
<!DOCTYPE html&gt; <html&gt; <head&gt; <meta charset="utf-8"&gt; <title&gt;</title&gt; <style type="text/css"&gt; #bk{ width: 60%; height: 400px; border: solid 1px black; margin: 0 auto; margin-top: 10p...
Backbone路由添加切换之前与之后的方法
泠青的博客
10-20 642
项目地址 demo前言本司突然多了个需求，要在消息按钮右上角加个类似手机应用小圆点消息提示。就下面这货。正文第一想法就是定高，靠内容 撑宽度。最小宽度和高度一致。 .tip { min-width: 20px; height: 20px; background: red; box-sizi
JavaScript入门教程：数字字符输入检查与脚本位置解析
在HTML文档中，JavaScript代码可以内联插入在`<script&gt;`标签内，也可以放在独立的.js文件中，然后通过`<script src=""&gt;`引用。此外，还可以将JavaScript代码作为HTML元素的属性值，如按钮的`onclick`事件或链接的`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值