<!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>
浙公网安备 33010602011771号