<meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>定时器</title> <script> var intervalId; function f() { var timeStr = (new Date()).toLocaleString(); var inputEle = document.getElementById("i1"); inputEle.value = timeStr; } function start() { f(); if (intervalId === undefined) { intervalId = setInterval(f, 1000); } } function end() { clearInterval(intervalId); intervalId = undefined; } </script> </head> <body> <input type="text" id="i1"> <input type="button" value="开始" id="start" onclick="start();"> <input type="button" value="结束" id="end" onclick="end();"> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>搜索框示例</title> </head> <body> <input id="d1" type="text" value="请输入关键字" onblur="blurs()" onfocus="focus()"> <script> function focus(){ var inputEle=document.getElementById("d1"); if (inputEle.value==="请输入关键字"){ inputEle.value=""; } } function blurs(){ var inputEle=document.getElementById("d1"); var val=inputEle.value; if(!val.trim()){ inputEle.value="请输入关键字"; } } </script> </body> </html>
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>select联动</title> </head> <body> <select id="province"> <option>请选择省:</option> </select> <select id="city"> <option>请选择市:</option> </select> <script> data = {"河北省": ["廊坊", "邯郸"], "北京": ["朝阳区", "海淀区"], "山东": ["威海市", "烟台市"]}; var p = document.getElementById("province"); var c = document.getElementById("city"); for (var i in data) { var optionP = document.createElement("option"); optionP.innerHTML = i; p.appendChild(optionP); } p.onchange = function () { var pro = (this.options[this.selectedIndex]).innerHTML; var citys = data[pro]; // 清空option c.options.length = 0; for (var i=0;i<citys.length;i++) { var option_city = document.createElement("option"); option_city.innerHTML = citys[i]; c.appendChild(option_city); } } </script> </body> </html>
【推广】
免费学中医,健康全家人
原文地址:https://www.cnblogs.com/jiangchunsheng/p/8625891.html
- 推荐文章
- 分布式系统的数据结构
- 细说Cookie
- Shuffle阶段数据倾斜总结
- hadoop 源码在线查看 页面
- 菜鸟”和“大神”
- static静态属性和静态方法的原理与调用技巧
- ssh 与 Telnet 的区别
- Ubuntu配置和修改IP地址
- Ubuntu 系统搭建php服务器 用ssh 远程操作
- SVN中tag branch trunk用法详解
- ThinkPHP中的__initialize()和类的构造函数__construct()
- ubuntu如何开启SSH服务
- linux grep命令
- 使用命名空间:别名/导入
- asp.net一个事件中调用另一个事件
- js静态页面传参
- C# interface 接口理解
- isPostBack后保持页面滚动条的位置
- 使用srvany.exe把程序安装成windows服务的方法
- vmware开机自启动并引导虚拟操作系统 已试验成功!!
- 3、面向对象
- 今日记事
- javascript 学习javascript高级程序设计
- 数据库操作语言分类
- project遇到问题了。
- CentOS设置程序开机自启动的方法
- ECMAScript 基础 [完]
- CentOS 网络设置修改
- Spring Boot项目Circular view path问题解决
- 数据库设计