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 ├ 使窗口仅弹出一次 ├ 签名提示程序 ├ ...
随机推荐
- 图片服务器和WEB应用服务器相分离的简单方案
只是简单说明一下原理,其它的自己探索吧:) 一.两个域名:www.domain.com和img.domain.com 二.在www域名的服务器中上传文件: up.html <form name= ...
- B/S C/S架构的界面测试
网站是B/S架构的典型,从做网站的有限经验来整理一下B/S测试的基本要点,并把它与C/S进行区分. 与C/S相比,以下4个测试是除了常用测试外还要注意的: (1)链接测试 (2)表单测试 (3)脚本测 ...
- derby的三大缺陷
derby的三大缺陷 derby数据库的嵌入式特性让人很流口水.但是,我刚打算将其用进我的项目中,却发现它没有好的分页查询方式,每次都返回所有符合条件的记录.oracle有rownum,mysql有l ...
- 不使用配置文件动态注册HttpModule
在asp.net 4.0中,提供了一种不通过修改配置文件注册Module的方法.从.net3.5开始,新提供的PreApplicationStartMethodAttribute特性可以应用在程序集上 ...
- 修改linux文件权限命令：chmod
Linux系统中的每个文件和目录都有访问许可权限,用它来确定谁可以通过何种方式对文件和目录进行访问和操作. 文件或目录的访问权限分为只读,只写和可执行三种.以文件为例,只读权限表示只允许读其内容, ...
- 如何快速读懂大型C++程序代码
要搞清楚别人的代码,首先,你要了解代码涉及的领域知识,这是最重要的,不懂领域知识,只看代码本身,不可能搞的明白.其次,你得找各种文档:需求文档(要做什么),设计文档(怎么做的),先搞清楚你即将要阅读是 ...
- Entity Framework在SaveChanges()之前拿到对象的自增长ID
现有两张表A.B在一个dbContext中更新,且A表的ID为B的外键, Insert(A); B.aid=A.ID; Insert(B); SaveChanges() 按照这个顺序就可以了满足要求, ...
- 忘记mysql root用户密码
今天帮一个售后的同事解决网盘无登录的问题,看了下后台日志,报错用密码root连接不上数据库,然后我就强行改了一下数据库密码,就OK了. (1)用root登录系统. (2)vim /etc/my.cnf ...
- xxxx is not translated in zh-rCN, zh-rTW
1.异常提示: "image_content" is not translated in zh-rCN, zh-rTW 2.错误原因: 根据报错提示,是说我没有对string文件做 ...
- [Effective JavaScript 笔记] 第8条：尽量少用全局对象
初学者容易使用全局变量的原因 创建全局变量毫不费力,不需要任何形式的声明(只要在非函数里用var 你就可以得到一个全局变量) 写得代码简单,不涉及到大的项目或配合(写hello world是不会有什么 ...