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 ├ 使窗口仅弹出一次 ├ 签名提示程序 ├ ...
随机推荐
- GIT本地操作
01. GIT简介(PPT) ================================================================================ 02. ...
- python之字符聊天小工具
server side: # coding: gb2312#socket server端#获取socket构造及常量from socket import *#''代表服务器为localhostmyHo ...
- [Socket网络编程]由于套接字没有连接并且(当使用一个 sendto 调用发送数据报套接字时)没有提供地址，发送或接收数据的请求没有被接受。
原文地址:http://blog.sina.com.cn/s/blog_70bf579801017ylu.html,记录在此方便查看 解决办法: MSDN的说明: Close 方法可关闭远程主机连接, ...
- SSN 社会安全号码
SSN是 Social Security Number 的缩写,译为「社会安全号码」,为美国社会安全卡(Social Security Card)上的 9 位数字.SSN 原本目的是用于追踪个人的纳税 ...
- [转]Linux进程间通信——使用信号
转载于:http://blog.csdn.net/ljianhui/article/details/10128731 经典!!! Linux进程间通信——使用信号 一.什么是信号 用过 ...
- c# params
每个C#函数都允许有个参数带params关键字,在调用的时候可以不给他传值,也可以给他传值,还可以给他传多个值,例子如下: using System; using System.Collections ...
- C#原始类型扩展方法—this参数修饰符
扩展方法使您能够向现有类型“添加”方法,而无需创建新的派生类型.重新编译或以其他方式修改原始类型.扩展方法是一种特殊的静态方法,但可以像扩展类型上的实例方法一样进行调用.对于用 C# 和 Visual ...
- Power Network（网络流最大流 & dinic算法 + 优化）
Power Network Time Limit: 2000MS Memory Limit: 32768K Total Submissions: 24019 Accepted: 12540 D ...
- HNU 12812 Broken Audio Signal
题目链接:http://acm.hnu.cn/online/?action=problem&type=show&id=12812 一直弄错了一个题意,教训啊,比赛最怕的就是弄错题意了 ...
- [Effective JavaScript笔记]第3条：当心隐式的强制转换
js对类型错误出奇的宽容 3+true; //4 3*””; //0 3+[]; //3 3+[3]; //33 以上表达式在许多语言早就变红了.而js不但不报错还给你个结果. 极少情况会产生即时 ...