javascript
白芍爱上蒲公英
不念过往,勇往直前
展开
-
重写javascript表单校验功能
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单验证</title> <style> *{ margin: 0px; padding: 0px; box-sizing: border-box; .原创 2020-09-16 09:19:52 · 115 阅读 · 0 评论 -
javascript 无脑九九乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九九乘法表</title> <style> td{ border: 1px solid; } </style> <script> document.wr原创 2020-09-13 16:00:43 · 89 阅读 · 0 评论 -
使用js完成省市二级联动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册页面重新布局</title> <style type="text/css"> .top{ border: 1px solid red; width: 32.9%; height: 50px; float: left; } #clear{原创 2020-07-17 16:19:55 · 318 阅读 · 0 评论 -
使用js动态添加城市
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态添加城市</title> <script> window.onload=function(){ document.getElementById("tbl").onclick=function(){ //1.获取ul元素节点 var value=docume原创 2020-07-17 11:19:02 · 203 阅读 · 0 评论 -
使用js完成表格全选与全不选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function checkall() { var checkele = document.getElementById("checkall"); if(checkele.checked == true) { var chec.原创 2020-07-17 10:53:01 · 277 阅读 · 0 评论 -
匿名动态绑定事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> //这是匿名事件 window.onload = function(){ //这是匿名动态绑定事件 document.getElementById("btn").onclick = function(){ location原创 2020-07-17 09:14:00 · 106 阅读 · 0 评论 -
使用js完成表格的高亮显示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格高亮显示</title> <script> function changecolor(id,flag) { if(flag == "over") document.getElementBy原创 2020-07-16 22:09:06 · 219 阅读 · 0 评论 -
用js完成隔行换色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格隔行换色</title> <script> /*下面是匿名加载事件*/ //如果不是匿名的话就要在body中定义一个函数 window.onload = function() { var tbele = document.getElemen原创 2020-07-16 21:42:08 · 585 阅读 · 0 评论 -
使用js完善表单校验功能
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册页面</title> <!--<script> function showtips(id, info) { document.getElementById(id + "span").innerHTML = "<font color='gray'>" + in原创 2020-07-16 18:48:50 · 126 阅读 · 0 评论 -
javascript bom对象
location对象<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>location对象</title> </head> <body> <input type="button" value="跳转history页面" οnclick="javascript:location.href='history对象.htm原创 2020-07-16 18:33:34 · 59 阅读 · 0 评论 -
使用js完成定时弹出广告设置
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>商城</title> <style> #father{ border: 0px solid red; width: 1300px; height: 6000px; margin: auto; } #lo原创 2020-07-16 17:20:13 · 134 阅读 · 0 评论 -
使用js完成首页轮播图效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>商城</title> <style> #father{ border: 0px solid red; width: 1300px; height: 6000px; margin: auto; } #lo原创 2020-07-16 16:43:53 · 155 阅读 · 0 评论 -
使用js重写表单注册页面
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>商城注册</title> <script> function checkform() { var uele = document.getElementById("user").value; if(uele == "") {原创 2020-07-16 11:24:25 · 111 阅读 · 0 评论