javascript 复习代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>javascript 练习 </title>
<link href="../css/a.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
// jquery $().ready();
/*$().ready(function () {
//$("#h1").text(456);
$("#img2").bind('click',function () {
alert(this.src);
});
});*/
// parseInt();
/* var width="100px";
width=parseInt(width)+200;
var width=width+"px";
alert(width+"现在的类型是 :"+typeof(width));*/
// i%2==0;
/* for(i=0;i<=100;i++){
if(i%2==0){
document.write(i+" ");
}
}*/
// window.prompt();
/*var a=window.prompt("请输入一个数",60);
if(a>100){
alert('you are very good ');
}
*/
/* //array
var a=new Array();
a[0]=1;
a[1]=2;
document.write(a.length);
var b=new Array(3);
b[3]=100;
document.write(b.length);
var c=new Array(1,2,3,4,5,6,7,8,9,20);
document.write(c.length);
var d=[4,5,6,7,8];
document.write(d.length+"<br/>");
for(var i=0;i< d.length;i++){
document.write(d[i]+" ");
}
//二维数组
document.write("<hr>");
var e=[
[1,2,3],
[4,5,6]
];
for(var i=0;i< e.length;i++){
for(var j=0;j<e[0].length;j++){
document.write(e[i][j]+" ");
}
document.write("<br/>");
}
document.write("<hr>");
// 特殊数组 for in
var f=[1,3,,,,,,,,,,10];
for(var i in f){
document.write(f[i]+" ");
}
*/
/*//求最大值
function max(a,b){
var max=a>b?a:b;
return max;
}
var res=max(3,4);
document.write("res: "+res);
*/
/*//js 对象
var a=new Object();
a.name="小明";
a.age=34;
a.skill=function(){
document.write(a.name+" is good at math");
}
a.skill();
// js 对象二
var obj={
name:"小明",
age:24,
skill:study
}
function study(){
document.write(a.name+" is good at chinese");
}
obj.skill();*/ // String对象
/* var str="abcdefg";
var b=str.charAt(3);
document.write(b);
var c=str.indexOf("g");
document.write(c);
var filename="xxx.jpg"
var index=filename.lastIndexOf(".jpg");
if(index!=-1){ // lastIndexOf(); 找出索引位置，找不到返回 -1
document.write("该文件是图片");
}
//substr(startIndex[,length])
var file2="2015.jpg";
var index=file2.lastIndexOf(".");
var res=file2.substr(0,index);// 取文件名 2015
var res2=file2.substr(index); // 取后缀名 .jpg
document.write(res+"<br/> "+res2); //spilt 字符串转数组
var str3="星期一,星期二,星期三"; //要使用英文逗号
var b=str3.split(",");
for(var i in b){
document.write(b[i]+" ");
}
// toLocaleUpperCase() 转大小写
var str4="slkdfdjfksl";
var res=str4.toLocaleUpperCase();
document.write(res); //localeCompare()方法
功能：使用本地的排序规则(根据所使用的操作系统，简体中文操作系统)对中文进行排序
str1.localeCompare(str2)
*/
//Array
/* // length
var a=[1,2,3,4,5];
document.write(a.length+" "+a);
//join
var b=a.join("-");
document.write(typeof(b)+"<br/>"+b);
// 删除元素 shift() 删除第一个元素，数组长度减1
a.shift();
document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
// 删除元素 pop() 删除最后一个元素，数组长度减1
a.pop();
document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
//数组头部添加元素 长度加1
a.unshift(1);
document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
a.push(5);
document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
delete a[2]; //删除了值，但还占位置
document.write("长度："+a.length+" 剩下数组为： "+a+"<br/>");
//倒序 reverse()
a.reverse();
document.write(a);
// sort() 排序，默认按字母先后顺序
var arr = ["安庆市","安徽省","河南省","河北省","北京市"];
arr.sort(orderby2);
function orderby2(str1,str2)
{
return str1.localeCompare(str2);
}
document.write(arr); var str33=['a','c','b'];
str33.sort();
document.write("<br/>"+str33);
*/
//Date
/* var today=new Date();
var year=today.getFullYear();
var month=today.getMonth();
var day=today.getDate();
var hour=today.getHours();
var minute=today.getMinutes();
var second=today.getSeconds();
var str = year+"年"+month+"月"+day+"日 "+hour+":"+minute+":"+second;
document.write(str);
*/
// Math
/* Math.abs(-3);
Math.random();
Math.ceil(3.44); //向上取整
Math.floor(4.33); //向下取整
Math.round(3.55);
*/
/* function num(max,min){
return Math.floor(Math.random()*(max-min)+min);
}
var a=num(10,100);
document.write(a);
// 案例：动态改变网页背景色
bgColor="#898767";//，随机颜色取值：100000-999999
function editBg()
{
var min = 100000;
var max = 999999;
var random = Math.floor(Math.random()*(max-min)+min);
//网页背景色，给document.bgColor的属性赋值
document.bgColor = "#"+random;
}
window.onload=editBg();
*/ //***************************** 再整理******** //节点操作 注意 <body onload="test()">
/*
function test(){
var img1=document.createElement("img"); //添加节点
img1.setAttribute("src","../img/2.jpg"); //设置属性
document.body.appendChild(img1); //追加节点
}
// html dom
function test1(){
var img1=document.createElement("img");
img1.src="../img/2.jpg";
var div1=document.getElementById("div1");
div1.appendChild(img1);
}
// css dom
function test2(){
var div1=document.getElementById("div1");
div1.style.border="1px solid #ccc";
div1.style.width="300px";
div1.style.height="300px";
div1.style.backgroundColor="#456aaa";
}
*/
// 事件绑定
/* window.onload=function(){
var img1=document.getElementById("img1");
img1.onmouseover= function () {
img1.style.width=img1.offsetWidth*1.5+"px";
}
img1.onmouseout= function () {
img1.style.width=img1.offsetWidth/1.5+"px";
}
}
<img src="../img/2.jpg" id="img1"/>
*/
/*************js正则*******************//*
var str="sdfdf123sdfd";
var reg=/\d/gi;
//alert(reg.test(str));
alert(reg.exec(str)); function $(id) {
return document.getElementById(id);
} window.onload = function() {
$('btn1').onclick = function() {
var str = $('content').value;
var reg = /\d/gi;
alert(reg.test(str)); //reg.test(str);
}
$('btn2').onclick = function() {
var str = $('content').value;
var reg = /\d/gi;
alert(reg.exec(str)); //reg.exec(str);
}
$('btn3').onclick = function() {
var str = $('content').value;
var reg = /\d/gi;
alert(str.search(reg)); //这里反过来 str.search(reg);
}
$('btn4').onclick = function() {
var str = $('content').value;
var reg = /\d/gi;
alert(str.match(reg));
}
$('btn5').onclick = function() {
var str = $('content').value;
var reg = /\d/gi;
alert(str.replace(reg,'*'));
}
$('btn6').onclick = function() {
var str = $('content').value;
var reg = /\d/gi;
alert(str.split(reg));
}
}
*/
/*<input type='content' id='content' size='50'>
<hr>
<input type='button' id='btn1' value='test'>
<input type='button' id='btn2' value='exec'>
<input type='button' id='btn3' value='search'>
<input type='button' id='btn4' value='match'>
<input type='button' id='btn5' value='replace'>
<input type='button' id='btn6' value='split'>
*/
// 子表达式 (\d) 子表达式引用\1 匹配前后有一个数字的php 字符串 3php3 5php5
var str="sfsdfd3php3skfjdslkfsphp4kdfsjdlf5php5sdkfdf";
var reg=/(\d)php\1/gi;
alert(str.match(reg));
</script>
</head>
<body> </body>
</html>
javascript 复习代码的更多相关文章
- javascript两行代码按指定格式输出日期时间
javascript两行代码按指定格式输出日期时间,具体看代码: function date2str(x,y) { var z ={y:x.getFullYear(),M:x.getMonth()+1 ...
- javascript常用代码大全
http://caibaojian.com/288.html 原文链接 jquery选中radio //如果之前有选中的,则把选中radio取消掉 $("#tj_cat .pro_ca ...
- JSLint是一个JavaScript的代码质量工具
JSLint是一个JavaScript的代码质量工具 可能都或多或少的知道JSLint是一个JavaScript的代码质量工具,一个JavaScript语法检查器和校验器,它能分析JavaScript ...
- javascript实现代码高亮
javascript实现代码高亮-wangHighLighter.js 1. 引言 (先贴出wangHighLighter.js的github地址:https://github.com/wangfup ...
- JavaScript后台代码操作HTML TABLE的方法
原文:JavaScript后台代码操作HTML TABLE的方法 var rowNum = 0,fileNum = 0; //行号与列号 var oNewRow; //定义插入行对象 var oNew ...
- 记录下项目中常用到的JavaScript/JQuery代码二（大量实例）
记录下项目中常用到的JavaScript/JQuery代码一(大量实例) 1.input输入框监听变化 <input type="text" style="widt ...
- 32、可以拿来用的JavaScript实用功能代码
可以拿来用的JavaScript实用功能代码(可能会有些bug,用时稍微修改下,我用了几个还可以) 转载自 1.原生JavaScript实现字符串长度截取 function cutstr(str, l ...
- JavaScript standard 代码规范的全文
这是 JavaScript standard 代码规范的全文. 掌握本规范的最好方法是安装并在自己的代码中使用它. 细则 使用两个空格进行缩进. eslint: indent function hel ...
- Javascript特效代码大全(420个)（转）
转载自:Javascript特效代码大全(420个) 收集资料,以便使用+面试+学习 ├ Cookie脚本 ├ 随访问次数变提示 ├ 集成Cookies ├ 使窗口仅弹出一次 ├ 签名提示程序 ├ ...
随机推荐
- IIS负载均衡-Application Request Route详解第四篇：使用ARR实现三层部署架构（转载）
IIS负载均衡-Application Request Route详解第四篇:使用ARR实现三层部署架构 系列文章链接: IIS负载均衡-Application Request Route详解第一篇: ...
- ASP.NET MVC 开启AJAX跨域请求
<system.webServer> <httpProtocol> <customHeaders> <add name="Access-Contro ...
- &#x开头的是什么编码呢。浏览器可以解释它。如中国等同与中文"中国"?
形如—— &#dddd; &#xhhhh; &#name; ——的一串字符是 HTML.XML 等 SGML 类语言的转义序列(escape sequence).它们不是「编码 ...
- 构建seajs业务模块之grunt VS spm build
在最开始,我并不知道grunt可以构建CMD模块.(以下spm指代spm build) 当时正困惑于如何用spm方便的构建业务模块,后来看到@twinstony (感谢@twinstony的分享)使用 ...
- IE8 松散耦合进程框架（Loosely-Coupled IE (LCIE)--特性介绍
官方介绍:http://blogs.msdn.com/b/ie/archive/2008/03/11/ie8-and-loosely-coupled-ie-lcie.aspx 参考文档:http:// ...
- PHP访问数据，增删改
主页面 <h1>主页面</h1> <table width="100%" border="1" cellpadding=" ...
- hdu 5183. Negative and Positive （哈希表）
Negative and Positive (NP) Time Limit: 3000/1500 MS (Java/Others) Memory Limit: 65536/65536 K (Ja ...
- Unity3d 经验小结
Unity3d 经验小结 文本教程 你是第2541个围观者 0条评论 供稿者:Jamesgary 标签:unity3d教程 Fbx.贴图导入Unity时的注意事项: 在导出Fbx之前,Maya中已 ...
- crontab报错
$mail 选择对应的数字查看邮件 File "/opt/app/python/tv-cms-for-ch/current/scripts/sync_cms_for_ch.py", ...
- WPF 元素绑定
1.什么是数据绑定数据绑定是一种关系,WPF程序从源对象中提取一些信息,并根据这些信息设置目标对象的属性,目标属性作为依赖项属性.源对象可以是任何内容,可以是另一个wpf内容,甚至是自行创建的纯数据对 ...