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 ├ 使窗口仅弹出一次 ├ 签名提示程序 ├ ...
随机推荐
- NYOJ 77 开灯问题
#include <stdio.h> #include <string.h> #define maxn 1050 int a[maxn]; int main(void) { i ...
- Lua函数之一
LUA函数之一 函数声明: function foo(arguments) statements end 1.函数调用 调用函数的时候,如果参数列表为空,必须使用()表明是函数调用,例如: os.da ...
- ajax 如何做到 SEO 友好
我猜你是在网络上搜索“ajax如何被搜索引擎收录”.“ajax SEO”.“ajax SEO友好”等关键词来到这里的.你可能已经很疲惫了,因为前段时间我也这样搜索,但是我发现搜索到的内容质量不高,有的 ...
- GPRS GPRS（General Packet Radio Service）是通用分组无线服务技术的简称，它是GSM移动电话用户可用的一种移动数据业务，属于第二代移动通信中的数据传输技术
GPRS 锁定 本词条由“科普中国”百科科学词条编写与应用工作项目 审核 . GPRS(General Packet Radio Service)是通用分组无线服务技术的简称,它是GSM移动电话用户可 ...
- Linux时间不准确的问题![转]
Linux时间不准确的问题![转] 安装完系统发现时间与现实时间相差+8小时,经分析由以下产生.我们在安装时选择的是上海,而centos5把bios时间认为是utc时间,所以+8小时给我们.这个时候的 ...
- XSS 探索
1. 什么是XSS攻击? 正常的页面被渗出了攻击者的js脚本,这些脚本可以非法地获取用户信息,然后将信息发送到attacked的服务端. XSS是需要充分利用输出环境来构造攻击脚本的 2. 危害 非法 ...
- 调用{dede:likewords}为dedecms添加相关搜索词
经常看到一些大型的网站会设置相关搜索,即使访客搜索的内容在本站暂时没有,它们也会展示一些其他搜索关键词,引导用户去点击查看,增加pv,提高用户体验:如果没有这些相关搜索,游客没有找到自己想要的内容就直 ...
- UVa 11464 - Even Parity
解题报告:题目大意有一个N×N的矩阵,矩阵中的元素只有1或0,如果说对于一个矩阵,它的所有的点的上下左右的点的和是偶数,则称这个矩阵为偶数矩阵,现在给你一个任意的矩阵,要求的是如果要把这个矩阵变成偶数 ...
- reverse array java
/* package whatever; // don't place package name! */ import java.util.*; import java.lang.*; import ...
- Sqli-LABS通关笔录-1
在第一个关卡当中还是学到些知识. 1.注释语句多试试其他的几个 2.不报错可能是前面的语句没有错误,union没有得到执行. http://127.0.0.1/sql/Less-1/index.php ...