javaScript常用代码
<script type="text/javascript">
function move(a,b)
{
var aObj = document.getElementById(a);
var bObj = document.getElementById(b);
for(var i=0;i<aObj.length;i++)
{
if(aObj[i].selected)
{
var opt = new Option(aObj[i].text,aObj[i].value);
bObj.add(opt);
aObj.remove(i);
i--;
}
}
}
</script>
<table width="40%" border="1" bgcolor="#cecece">
<tr>
<td><select id="left" size="6" multiple>
<option value="1">
增加简历
</option>
<option value="2">
删除简历
</option>
<option value="3">
修改简历
</option>
<option value="4">
列表简历
</option>
</select></td>
<td><input type="button" value="右移"
onclick="move('left','right')"><br>
<input type="button" value="左移"
onclick="move('right','left')"></td>
<td><select id="right" size="6" multiple style="width: 80px">
</select></td>
</tr>
</table>
<script>
// 每隔一秒钟学号和姓名互换
var i = 0;
window.onload=change;
setInterval('change()',1000);
function change()
{
if(i%2)
{
document.getElementById("result").innerHTML=' 姓名: 张三 ';
}else
{
document.getElementById("result").innerHTML=' 学号 : 0303003';
}
i++;
}
</script>
<div id="result"></div>
<script>
//实现全选和反选
//全选
function checkAll()
{
var chAll = document.getElementById("ckAll");
var items = document.getElementsByName("item");
for(var i = 0;i<items.length;i++)
{
items[i].checked = chAll.checked;
}
}
//反选
function reverseAll()
{
var revAll = document.getElementById("revAll");
var items = document.getElementsByName("item");
for(var i = 0;i<items.length;i++)
{
items[i].checked = !items[i].checked
}
}
</script>
全选
<input type="checkbox" name="ckAll" onclick="checkAll()">/
反选
<input type="checkbox" name="revAll" onclick="reverseAll()"><br>
<input type="checkbox" name="item"><br>
<input type="checkbox" name="item"><br>
<input type="checkbox" name="item"><br>
<input type="checkbox" name="item"><br>
<input type="checkbox" name="item"><br>
<script language="javascript">
<!-- 实现省级联动
var group;
window.onload=init;
function init(){
var len = document.getElementById("province").length;
group=new Array(len);
for (var i=0; i<len; i++)
{
group[i]=new Array();
}
group[0][0]=new Option("北京","北京");
group[0][1]=new Option("上海","上海");
group[0][2]=new Option("天津","天津");
group[0][3]=new Option("重庆","重庆");
group[1][0]=new Option("武汉","武汉");
group[1][1]=new Option("鄂州","鄂州");
group[1][2]=new Option("孝感","孝感");
group[1][3]=new Option("黄冈","黄冈");
group[1][4]=new Option("黄石","黄石");
group[2][0]=new Option("石家庄","石家庄");
group[2][1]=new Option("保定","保定");
group[2][2]=new Option("张家口","张家口");
group[2][3]=new Option("承德","承德");
group[3][0]=new Option("长沙","长沙");
group[3][1]=new Option("湘潭","湘潭");
group[3][2]=new Option("株州","株州");
group[3][3]=new Option("衡阳","衡阳");
group[3][4]=new Option("岳阳","岳阳");
}
function connAction(x){
var city=document.getElementById("city");
for (var m=city.length-1;m>0;m--)
{
city.options[m]=null;
}
for (i=0;i<group[x].length;i++){
city.options[i]=new Option(group[x][i].text,group[x][i].value);
}
}
//-->
</script>
<select name="province"
onChange="connAction(this.selectedIndex)">
<option value="直辖市" selected>
直辖市
</option>
<option value="湖北">
湖北
</option>
<option value="河北">
河北
</option>
<option value="湖南">
湖南
</option>
</select>
省
<select name="city">
<option value="北京" selected>
北京
</option>
<option value="上海">
上海
</option>
<option value="天津">
天津
</option>
<option value="重庆">
重庆
</option>
</select>
市
<script>
// 动态显示当前日期时间。
window.onload=init;
setInterval('init()',1000);
function init()
{
var date = new Date();
var year = date.getYear();
var month = date.getMonth()+1;
if(month<10)month="0"+month;
var day = date.getDate();
if(day<10)day="0"+day;
var hour = date.getHours();
if(hour<10)hour="0"+hour;
var minute = date.getMinutes();
if(minute<10)minute="0"+minute;
var second = date.getSeconds();
if(second<10)second="0"+second;
var dateTime = year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
document.getElementById("dateTime").value= dateTime;
}
</script>
<input type="text" name="dateTime" readonly>
动态显示当前时间(第二种 简洁)
<script language="javascript" type="text/javascript">
window.onload=tt;
setInterval('tt()',1000);
function tt()
{
with(new Date())
{
var t=function(a){return a<10?"0"+a:a;}
document.getElementById("dateTime").value = getFullYear()+"年"+t(getMonth()+1)+"月"+t(getDate())+"日"+t(getHours())+"时"+t(getMinutes())+"分"+t(getSeconds())+"秒"; }
}
</script>
<input type="text" name="dateTime" style="width:200px;" readonly>
相关推荐
这个“js常用代码总汇”包含了开发者在日常工作中可能频繁使用的JavaScript代码片段,旨在提高开发效率并提供参考。 1. **变量声明与数据类型** - `var`, `let`, `const`:JavaScript 提供了三种声明变量的方式,`...
以上仅是JavaScript常用代码的一部分,实际开发中还有更多如事件处理、模板字符串、模块化、正则表达式、错误处理、类型转换、数组方法、对象方法等知识点。通过查阅“JS常用代码.txt”文件,可以找到更多实用的代码...
"JS常用代码大全.pdf" 汇集了JavaScript中的常见函数及对象的实例代码,旨在帮助不同水平的学习者理解和掌握JavaScript的核心概念。 1. **基础语法** JavaScript的基础语法包括变量声明(`var`, `let`, `const`)...
"javascript常用代码及汇总"这个资源集合了JavaScript编程中的一些常见用法和实用技巧,是开发者学习和工作中的一大助力。 首先,JavaScript的核心概念包括变量、数据类型、控制结构、函数、数组、对象等。变量是...
javascript 常用代码大全.........................
这个"javascript常用代码"的压缩包很可能包含了各种实用的JavaScript代码片段,可以帮助开发者更高效地进行日常开发工作。下面将详细介绍一些JavaScript的核心概念和常见代码实践。 1. 变量与数据类型: ...
"60种js常用代码1"这个压缩包集合了60个实用的JavaScript代码片段,旨在帮助开发者快速解决常见问题或实现特定功能。以下是对这些常见代码的详细解释: 1. **js-0002**:可能是一个关于事件监听的基础示例,如添加...
描述中提到的"js常用代码"指的是JavaScript,这是一种广泛用于网页和网络应用开发的脚本语言。JavaScript 代码常用于实现网页的动态效果、表单验证、Ajax异步通信等功能。在CHM文件中,可能包含了一些常见的...
在“JS常用代码”这个主题中,我们主要关注的是JavaScript中的实用函数和常见编程技巧。这篇博客文章可能包含了作者在实践中总结的一些高效、便捷的代码片段,这些代码可以用于提升开发效率并解决日常遇到的问题。 ...
"60种js常用代码2"这个压缩包文件包含了一系列实用的JavaScript代码片段,这些代码可能是解决常见问题的快捷方式或者优化程序效率的方法。下面我们将详细探讨其中可能涵盖的一些关键知识点: 1. **数组操作**: - ...
javascript常用代码大全.pdf
在给定的文件"JS常用代码锦集[定义].pdf"中,我们可以看到一些常用的JavaScript代码片段,其中包括一个用于创建立体效果导航条的示例。 1. **CSS样式定义**: 在HTML文档的`<head>`或`<body>`区域中添加`<style>`...
列出了unity javascriptde 一些常用代码和一些具体用法,包括一些常用属性及变量
这个压缩包文件“JavaScript大全 常用JS效果代码”显然包含了一系列实用的JavaScript代码片段,旨在帮助开发者快速实现常见的网页特效和功能。 1. **JS特效**:JavaScript能够创造出丰富的用户体验,如滑动门、轮播...
收集了常用的js代码,方便随时查看。喜欢的同学赶紧下啊...
本参考手册包含了丰富的JS代码示例,是学习和理解JavaScript的重要资源。 首先,我们要理解JavaScript的核心概念。JS是一种解释型的、面向对象的、弱类型的脚本语言,它的主要功能包括处理用户交互、操作DOM(文档...