WEB前端复习——JS

JS是运行在客户端的脚本(script)语言

引入JS进html

①sript标签内编写

<script type="text/javascript">document.write("<h1>hi</h1>")window.alert("who")
</script>

②外部JS  script src【CSS是link href】

<head><title>Document</title><link type="text/css" rel="2" href="URL.css"><script src="./ht.js"></script>
</head> 

③内联

<body><button onclick="javascript:alert('hi')">anniu</button>
</body>

var i=0;

var arr1=new Array(19);

var str=new String("hi");

var stu={

    name:"me",

    age:1

}

document.write("写入网页");

window.alert("弹出警告框" );

console.log("控制台输出");

String对象:属性length

 Array对象:属性length 方法join() reverse() sort()

Date对象: myDate = new Date()


JS事件

onClick点击
onChange内容改变
onFocus获得焦点
onBlur失去焦点
onLoad载入浏览器
onUnload离开页面
onMouseOver鼠标移到对象
onMouseOut鼠标离开对象
onMouseMove鼠标在对象上移动
onMouseDown鼠标在对象上按下
onMouseUp鼠标在对象上释放
onSubmit提交表单
onResize改变窗口大小

</head> 
<script type="text/javascript">function hello(){alert("hi");}
</script>
<body><a href="./html2.html" onmousemove="hello()">link</a>    
</body>

windows.alert()警告框

windows.confirm()确认

windows.prompt()提示

document.write()

docunment.getElementById("").value


input类型:text password sumbit、reset、 checkbox(多选)、ratio(单选)

提交表单(<form action="提交到何处" method="get/post")

</head> 
<script type="text/javascript">function hello(){var name = document.getElementById("username").value;var password= document.getElementById("psw").value;alert(name+":"+password);}
</script>
<body><form action="">name <input type="text" id="username" ><br>psw <input type="password" id="psw"><input type="submit" id="sub" onclick="hello()"></form>
</body>

 <textarea cols="" row=""></textarea> 文本域

下拉选框:

   <select size="2" multiple="multiple"><option value="1">3</option><option value="2">4</option></select>

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

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

相关文章

生产环境节点扩容方案

datanode节点扩缩容(1人天) 注意:新增节点需要走商务,节点扩容需要申请新的license 制品包下载 #内网下载(环境检查脚本) wget --user=admin --password=Y!bC2hx0TN@21cal http://10.69.71.180:8082/artifactory/product/qiudongyang/precheck/os-check20221127.tar…

牛客热题:比较版本号

&#x1f4df;作者主页&#xff1a;慢热的陕西人 &#x1f334;专栏链接&#xff1a;力扣刷题日记 &#x1f4e3;欢迎各位大佬&#x1f44d;点赞&#x1f525;关注&#x1f693;收藏&#xff0c;&#x1f349;留言 文章目录 牛客热题&#xff1a;比较版本号题目链接方法一:暴力…

Elasticsearch做到像mysql这样的表连接Parent-Child实现

比如在mysql中我有两张表&#xff0c;movies和ratings&#xff0c;这两张表依赖movie_id实现关联。 那么我需要在elasticsearch中实现一下两个任务 电影标题为When Will I Be Loved的电影评分的均值是多少电影评分大于5的电影标题是什么 可以看出来这两个问题都需要将movies和…

服务调用中的异常处理方案

背景 在微服务架构中,A服务调用B服务,当B服务中抛出异常时,我们的意愿是能够获取到所有的异常信息,并且可以触发服务的熔断降级。 但由于全局异常处理机制的存在,会帮我们处理B服务中抛出的异常,并把HTTP的状态码设置为200,那么此时对A服务来说,对B服务抛出的异常是无…

在线抠图网站

https://pixian.ai/ 这个网站提供一键去除图像背景的智能抠图服务。 水印去除剂 - 删除照片中的任何水印 该网站是一个智能抠图工具&#xff0c;可以帮助用户去除照片中的水印。 HAMA | AI Object remover, Image Eraser 这是一个智能抠图AI工具的网站&#xff0c;可以帮助…

电商平台接口自动化框架实践||电商API数据采集接口

电商数据采集接口 语言&#xff1a;python 接口自动化实现流程 红色为可实现/尚未完成 绿色为需要人工干预部分 自动生成测试用例模板&#xff08;俩种方式二选一&#xff09;&#xff1a; mimproxy&#xff0c;通过浏览器代理抓包方式&#xff0c;访问 H5 或者 web 页面&a…

processing完整教程

概述&#xff1a;processing在我眼里就是libgdx的高度封装&#xff0c;如果各位会libgdx&#xff0c;学processing应该可以说是无师自通&#xff0c;当然processing是java语言那边的。 processing是什么&#xff1f; 官网是这样解释的&#xff1a;Processing 是一本灵活的软件…

PTA 6-2 入侵者围剿第二关2情报解密

经过上一步&#xff0c;已经创建了2个分队的情报信息链&#xff0c;现在需要将2个分队的情报进行合并&#xff0c;并删除重复值&#xff0c;合并后的情报信息确保唯一性。 假定上一步输入的情报信息是有序的&#xff0c;现在是合并2个有序链表。 函数接口定义&#xff1a; 第…

每周一算法:无向图的最小环

题目链接 观光之旅 题目描述 给定一张无向图&#xff0c;求图中一个至少包含 3 3 3 个点的环&#xff0c;环上的节点不重复&#xff0c;并且环上的边的长度之和最小。 该问题称为无向图的最小环问题。 你需要输出最小环的方案&#xff0c;若最小环不唯一&#xff0c;输出…

core.sshd.xxxxxx文件过大

背景 【紧急】【应用分组】应用: 接入点服务, 分组: 观众预发, ip: xx.xx.xx.xx 【/】&#xff0c;磁盘使用率已连续2次大于90% [当前值:100%]。报警时间: 2024-05-13 14:07:01 原因 登录机器查看&#xff0c;发现根目录下有大量的崩溃文件将 / 打满 处理 1&#xff0c; 删…

C#链接数据库、操作sql、选择串口

// 公共增删方法 using MySql.Data.MySqlClient; using System.Data; namespace ****** {public class MySQLHelper{private MySqlConnection conn null;private MySqlCommand comm null;private MySqlDataReader reader null;/// <summary>/// 构造方法里建议连…

【图解计算机网络】TCP 重传、滑动窗口、流量控制、拥塞控制

TCP 重传、滑动窗口、流量控制、拥塞控制 TCP 重传超时重传快速重传 滑动窗口流量控制拥塞控制慢启动拥塞避免拥塞发生快速恢复 TCP 重传 TCP重传是当发送的报文发生丢失的时候&#xff0c;重新发送丢失报文的一种机制&#xff0c;它是保证TCP协议可靠性的一种机制。 TCP重传…

二级Java第五套真题(乱序版)含真题解析

一. 单选题(共39题,39分) 1. (单选题, 1分) 阅读下列代码 public class Test implements Runnable { public void run (Thread t) { System.out.println("Running."); } public static void main (String[ ] args) { T…

mysql 离线安装

package download mysql https://dev.mysql.com/downloads/mysql/ libaio http://mirror.centos.org/centos/7/os/x86_64/Packages/libaio-0.3.109-13.el7.x86_64.rpm 根据自己服务器选择下载对应的安装包及依赖 删除本机自带mysql相关 # 首先排查服务器自身是否有安装对应m…

威胁建模的艺术:了解网络安全风险的另一面

网络安全的本质是攻防双方的对抗与博弈。然而&#xff0c;由于多种攻防之间的不对称性因素存在&#xff0c;使得攻击者总能在对抗过程中抢占先机。为了更好地了解潜在的威胁和缺陷&#xff0c;实现主动式防御&#xff0c;企业需要重新考虑他们的网络防护方法&#xff0c;而威胁…

【数据库】基础概念

1. linux中启动mysql服务器的命令是&#xff1a;service mysql start 2. linux中停止mysql服务器的命令是&#xff1a;service mysql stop 3. linux中重启mysql服务器的命令是&#xff1a;service mysql restart 4. linux中查看mysql服务器运行状态的命令是&#xff1a;serv…

抖音小店怎么运营才能出单呢?就这一个步骤做好,爆单不是梦!

哈喽~我是电商月月 新手做抖音小店绝对会有这两个问题&#xff1a;怎么运营&#xff1f;不出单怎么办&#xff1f;被这两个问题困扰着的商家&#xff0c;别着急&#xff01; 看完我这一篇分享&#xff0c;你就知道自己的问题所在了&#xff01; 抖音小店的运营中&#xff0c…

【工程师的自我修养】有效沟通

虽然大家都会说话&#xff0c;但不是每个人都会沟通。工作中不可避免的要与他人接触&#xff0c;沟通在工作中非常重要&#xff0c;沟通到位则事事顺畅&#xff0c;沟通不到位则举步维艰。 1、先说结论&#xff0c;再说过程 英语的语法习惯先说结论&#xff0c;I have lunch at…

30xx 51xx 请求指定地址配对连接

<?xml version="1.0" encoding="utf-8"?> <ConfigSet HwVariant="QCC3034-AA_DEV-BRD-R2-AA" SwVariant="Headset-Gaming"> <DefineGroup> <DefineBlockList> <enum …

找不到msvcp100.dll,无法继续执行代码的问题详细解析

当您在运行某个程序或游戏时遇到提示“找不到msvcp100.dll&#xff0c;无法继续执行代码”&#xff0c;这通常意味着系统中缺失了一个重要的动态链接库文件&#xff0c;从而导致应用程序无法正常启动。为了解决这个问题&#xff0c;本文将介绍5种常见的解决方法&#xff0c;帮助…