Javascript设置广告和时间表和数组的学习

 1 <html>
 2 <head>
 3 <meta charset="utf-8">   
 4 <title></title>    
 5 </head>
 6 <body>
 7 <hr>
 8     <h1>2:使用window.open() 是一个广告?</h1>
 9     <input type="submit" onclick="" value="关闭"/>
10     <script language="javascript">
11         for(var i=0;i<5;i++){
12             var w=window.open("http://www.baidu.com","baidu"+1,"height=450,width=450");
13         }
14         function click(){
15             w.close();
16         }
17     </script>
18     <hr>
19     <h1>3. 编写登录页面:登录按钮、注册按钮(window.location )跳转注册页面?</h1>
20     <input type="submit" value="注册" onclick="javascript:
21         window.location.href='4.html'">    
22     <input type="submit" value="登录" onclick="javascript:
23         window.location.href='3.html'"/>
24     
25 </body>
26 </html>        
 1 <html>
 2 <head>
 3 <meta charset="utf-8">   
 4 <title></title>    
 5 </head>
 6 <body>
 7     <h1>4. 获取当前时间,格式如下:2016年9月20日 12:12:12 星期二 </h1>
 8     <hr/>
 9     <script language="javascript">
10         var date=new Date();
11         document.write("当前的时间:"+date+"<br/>");
12         document.write(date.getFullYear()+"年");
13         document.write((date.getMonth()+1)+"月");
14         document.write(date.getDate()+"日&nbsp;&nbsp;&nbsp;&nbsp;");
15         document.write(date.getHours()+":");
16         document.write(date.getMinutes()+":");
17         document.write(date.getSeconds());
18         document.write("&nbsp;&nbsp;&nbsp;&nbsp;星期"+date.getDay());
19     </script>
20 </body>
21 </html>        
  1 <html>
  2 <head>
  3 <meta http-equiv="content-type" content="text/html;charset=utf-8">
  4 <title></title>    
  5 </head>
  6 <body>
  7     <h1>1:Javascript中数组的学习和练习</h1>
  8     <script language="javascript">
  9         document.write("1:创建一个空数组"+"<br/>");
 10         var arr1=new Array();
 11         document.write("var arr1 = new Array()"+"<br/>");
 12         document.write("2:指定数组的长度"+"<br/>");
 13         var arr2=new Array(5);
 14         document.write("var arr2 = new Array(5)"+"<br/>");
 15         document.write("3:创建数组并初始化参数"+"<br/>");
 16         //console.log(arr2.length);
 17         var arr3=new Array(9528,"小别","男");
 18         document.write("var arr3=new Array(9528,小别,男)"+"<br/>");
 19         document.write("4:创建一个数组"+"<br/>");
 20         var arr4=[];
 21         document.write("var arr4 = []"+"<br/>");
 22         document.write("5:使用括号[],并且传入初始值"+"<br/>");
 23         var arr5=[12,23,45,6,8];
 24         document.write("var arr4=[12,23,45,56,6,8]"+"<br/>");
 25         document.write("<hr>");
 26         var arr6=new Array(5);
 27         document.write("arr6数组的长度:"+arr6.length+"<br/>");
 28         document.write("arr6数组的元素:"+arr6+"<br/>");
 29         console.log(arr6);
 30         var arr7=new Array(5,6);
 31         document.write("arr7数组的长度:"+arr7.length+"<br/>");
 32         document.write("arr7数组的元素"+arr7+"<br/>");
 33         var arr8=[11,47,88,525,66,9,4];
 34         document.write("arr8数组的长度:"+arr8.length+"<br/>");
 35         document.write("arr8数组的元素"+arr8+"<br/>");
 36         var arr9=[78,84,51,263,95,62];
 37         document.write("arr9的数组元素:"+arr9+"<br/>");
 38         document.write("arr9[0]="+arr9[0]+"<br/>");
 39         var i=1;
 40         document.write("arr9[1]="+arr9[i]+"<br/>");
 41         document.write("arr9[2]="+arr9[++i]+"<br/>");
 42         var array=[74,54,69];
 43         array[5]=12;
 44         for(var i=0;i<array.length;i++){
 45             document.write("array"+"["+i+"]"+"="+array[i]+",");
 46         }
 47         document.write("<hr>");
 48         document.write("数组元素的添加"+"<br/>");
 49         var arr=new Array;
 50         arr[0]="编号";
 51         arr[1]="姓名";
 52         arr[2]="年龄";
 53         arr[3]="性别";
 54         document.write("数组元素添加:"+arr+"<br/>");
 55         document.write("数组元素的删除:"+"<br/>");
 56         delete arr[3];
 57         document.write("删除后的效果:"+arr+"<br/>");
 58         document.write("<hr>");
 59         document.write("数组的截取"+"<br/>");
 60         var arr=new Array(45,78,9,6,3,2,5,7);
 61         document.write("数组的原始长度:"+arr+"<br/>");
 62         document.write("数组的截取前闭后开:"+arr.slice(1,2)+"<br/>");
 63         document.write("<hr>");
 64         document.write("数组的合并"+"<br/>");
 65         var arr1=[4,7,8,5,2,63];
 66         var arr2=[7,5,2,6,9];
 67         var arr3=arr1.concat(arr2);
 68         document.write("合并后的arr3:"+arr3+"<br/>");
 69         document.write("<hr>");
 70         document.write("数组元素的反转"+"<br/>");
 71         var arr1=[12,45,78,9,6,3,6,4,45];
 72         document.write("数组元素反转前:"+arr1+"<br/>");
 73         arr1.reverse();
 74         document.write("数组元素反转后:"+arr1+"<br/>");
 75         document.write("<hr>");
 76         document.write("数组的任意多数的排序"+"<br/>");
 77         var arr=[45,7,555,336,4,2,1,40];
 78         function sortArray(a,b){
 79             return a-b;
 80         }
 81         document.write("排序前:"+arr+"<br/>");
 82         document.write("排序后:"+arr.sort(sortArray)+"<br/>");
 83         document.write("<hr>");
 84         document.write("数组字符串的学习"+"<br>");
 85         var arr=[11,44,55,66,99,88,77,22,33];
 86         document.write("数组字符串前:"+arr+"<br/>");
 87         document.write("数组字符串化:"+arr.join(" ")+"<br/>");
 88         document.write("数组字符串化:"+arr.join("|")+"<br/>");
 89     </script>
 90     <h1>2:浏览器对象模型的学习和练习</h1>
 91     <script language="javascript">
 92         window.document.write("所有js全局变量,函数,变量均自动成为window对象的成员");
 93         //window.alert("你好哟!!!");
 94         document.write("<hr>"); 
 95         document.write("window的尺寸"+"<br/>");
 96         var h=window.innerHeight;
 97         var w=window.innerWidth;
 98         document.write("浏览器现在的高:"+h+"  宽:"+w+"<br/>");
 99         //var ieh=window.document.documentElement.clientHeight;
100         //var iew=window.document.documentElement.clientWidth;
101         //alert(ieh+""+iew);
102         //window.open("http://www.baidu.com","baidu","height=300,width=250");
103         document.write("<hr>");
104         document.write("可用的屏幕"+"<br/>");
105         document.write("可用的屏幕的高度:"+screen.availHeight+"<br/>");
106         document.write("可用的屏幕的宽度:"+screen.availWidth+"<br/>");
107         document.write("<hr>");
108         document.write("Window.location对象用于获取当前页面的地址"+"<br/>");
109         document.write("当前页面的路径:"+window.location.pathname+"<br/>");
110         //document.write("当前页面的port:"+window.location.port+"<br/>");
111     </script>
112     <hr>
113     <script language="javascript">
114         var name=prompt("请输入您的尊姓大名.");
115         document.write(name+"<br/>");
116     </script>
117     <input type="button" value="删除" onclick="del()"/>
118         <script language="javascript">
119             function del(){    
120                 if(confirm("您确认删除嘛??")){
121                     alert("你好狠心!555555");
122                 }else{
123                     alert("你真好!美美哒");
124                 }
125             }
126         </script>
127 </body>
128 </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏技术博客

JavaScript通过RegExp实现客户端验证

可以看到在文本框中注册了onkeypress事件,当在文本框中输入一个字符按下键盘的时候就会触发该JavaScript的函数

682
来自专栏web前端教室

【笔记】web前端零基础课0904_学习笔记

JavaScript,它的运行必须位于<script></script>标签之间,

562
来自专栏流柯技术学院

Java Selenium封装--RemoteWebElement

1412
来自专栏偏前端工程师的驿站

JS魔法堂:那些困扰你的DOM集合类型

一、前言                                     大家先看看下面的js,猜猜结果会怎样吧!   可选答案:   ①. 获取id属...

1819
来自专栏Ryan Miao

YAML 语法

YAML 语法 来源:yaml 这个页面提供一个正确的 YAML 语法的基本概述, 它被用来描述一个 playbooks(我们的配置管理语言). 我们使用 YA...

3399
来自专栏GreenLeaves

jQuery对象扩展方法(Extend)深度解析

1、这几天在写自己的Js工具类库,所以在编写对象扩展方法,参考了jQuery的对象扩展方法,在编写该方法前,需要掌握js深拷贝和浅拷贝的相关知识,下面是jQue...

1827
来自专栏web前端教室

web前端零基础课-0908*福祥-学习笔记

学了部分js内容后,完成了网站首页部分动态效果(搜索栏、侧边导航条、轮播图),先用最基本的,冗余最多的一步步实现;后面对Js进行了初步的封装,重新构建了Js文件...

663
来自专栏美团技术团队

红黑树深入剖析及Java实现

红黑树是平衡二叉查找树的一种。为了深入理解红黑树,我们需要从二叉查找树开始讲起。 BST 二叉查找树(Binary Search Tree,简称BST)是一棵二...

2833
来自专栏彭湖湾的编程世界

【JavaScript】 JS面向对象的模式与实践

参考书籍 《JavaScript高级语言程序设计》—— Nicholas C.Zakas 《你不知道的JavaScript》  —— KYLE SIMPSON ...

3356
来自专栏大数据钻研

一起来啃《JavaScript语言精粹》----对象

一、引言 任何编程语言在设计的时候就存在精华与糟粕并存,《JavaScript语言精粹》这本书就是取其精华,去其糟粕,能让我写出更优雅性能更好的JavaScri...

2726

扫码关注云+社区