JavaScript经典实例
2015-08-03 19:38
686 查看
1. 创建确认对话框
<html>
<head>
<meta charset="utf-8" />
<title>确认对话框创建示例</title>
<script type="text/javascript">
function isConfirm(){
if(confirm("are you sure?"))
alert("ok!");
else
alert("cancel!");
}
</script>
</head>
<body>
<form method="post" name="form1">
<input type="button" value="delete" onclick="isConfirm()" />
</form>
</body>
</html>
2. 使用Math对应的random()方法实现随机排列图片
<html>
<head>
<meta charset="utf-8" />
<title>随机排列图片</title>
<style type="text/css">
/*以下是自适应屏幕宽度*/
div{float: left; height: 160px; width: 160px; margin: 5px; padding: 0;}
div img{border: 0;}
div a{display: block;padding: 35px 12px;}
div.vbg a{display: block;padding: 10px 35px 15px;}
div.dispcenter{position: relative;margin: 0 auto; width: 700px; padding: 0 50px 0 70px;background: none;float: none;}
</style>
<script type="text/javascript" language="JavaScript">
document.write("<div class='dispcenter'>")
var picArr=new Array();
var m=0;
for(i=1;i<=20;i++){
if(i<10) i+="0";
picArr.push(i);
}
while(picArr.length>0){
i=Math.floor(Math.random()*(picArr.length-1));
if(picArr[i]=="03" || picArr[i]=="04"|| picArr[i]=="06" || picArr[i]=="11" || picArr[i]=="14" || picArr[i]=="17" || picArr[i]=="19" || picArr[i]=="20"{
document.write("<div class='vbg'><a href='photo/"+picArr[i]+".jpg'><img src+'photo/"+picArr[i]+".jpg' /></ a></div>");
}else{
document.write("<div><a href='photo/"+picArr[i]+".jpg'><img src='photo/"+picArr[i]+".jpg' /></ a></div>");
}
picArr.splice(i,1);
}
document.write("</div>")
</script>
</head>
<body>
</body>
</html>
3.使用表单对象创建注册页面
<html>
<head>
<meta charset="utf-8" />
<title>确认对话框创建示例</title>
<script type="text/javascript">
function isConfirm(){
if(confirm("are you sure?"))
alert("ok!");
else
alert("cancel!");
}
</script>
</head>
<body>
<form method="post" name="form1">
<input type="button" value="delete" onclick="isConfirm()" />
</form>
</body>
</html>
2. 使用Math对应的random()方法实现随机排列图片
<html>
<head>
<meta charset="utf-8" />
<title>随机排列图片</title>
<style type="text/css">
/*以下是自适应屏幕宽度*/
div{float: left; height: 160px; width: 160px; margin: 5px; padding: 0;}
div img{border: 0;}
div a{display: block;padding: 35px 12px;}
div.vbg a{display: block;padding: 10px 35px 15px;}
div.dispcenter{position: relative;margin: 0 auto; width: 700px; padding: 0 50px 0 70px;background: none;float: none;}
</style>
<script type="text/javascript" language="JavaScript">
document.write("<div class='dispcenter'>")
var picArr=new Array();
var m=0;
for(i=1;i<=20;i++){
if(i<10) i+="0";
picArr.push(i);
}
while(picArr.length>0){
i=Math.floor(Math.random()*(picArr.length-1));
if(picArr[i]=="03" || picArr[i]=="04"|| picArr[i]=="06" || picArr[i]=="11" || picArr[i]=="14" || picArr[i]=="17" || picArr[i]=="19" || picArr[i]=="20"{
document.write("<div class='vbg'><a href='photo/"+picArr[i]+".jpg'><img src+'photo/"+picArr[i]+".jpg' /></ a></div>");
}else{
document.write("<div><a href='photo/"+picArr[i]+".jpg'><img src='photo/"+picArr[i]+".jpg' /></ a></div>");
}
picArr.splice(i,1);
}
document.write("</div>")
</script>
</head>
<body>
</body>
</html>
3.使用表单对象创建注册页面
相关文章推荐
- QJSON的编译方法【记录】
- 表格js插件highcharts
- javascript中命名陷阱
- HDU 4352 XHXJ's LIS 数位状压DP
- 《JS设计模式笔记》 3,观察者模式
- js动态移除DIV
- JSP 9大对象
- 《JS设计模式笔记》 2,简单工厂模式
- jsp基础语法,用法
- js判断是否移动设备
- JS 基础 用法
- Selenium2学习-032-WebUI自动化实战实例-030-JavaScript 在 Selenium 自动化中的应用实例之五(高亮标示元素)
- 原生JS 封装运动函数
- jsp页面has already been called for this response错误解决方法。
- 利用JS弹出层实现简单的动态提示“正在加载中,请稍等...”
- 文章标题
- js中substring和substr的用法
- 用D3.js进行医疗数据可视化 (五) 饼图 (Pie Chart)
- JavaScript之验证提醒【升级版,高大上】
- Selenium2学习-031-WebUI自动化实战实例-029-JavaScript 在 Selenium 自动化中的应用实例之四(获取元素位置和大小)