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

2024-06-14 14:38

本文主要是介绍Javascript设置广告和时间表和数组的学习,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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" οnclick="" 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="注册" οnclick="javascript:
21         window.location.href='4.html'">    
22     <input type="submit" value="登录" οnclick="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="删除" οnclick="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>

 

posted @ 2016-09-28 14:39 别先生 阅读( ...) 评论( ...) 编辑 收藏

这篇关于Javascript设置广告和时间表和数组的学习的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1060687

相关文章

Spring Security基于数据库的ABAC属性权限模型实战开发教程

《SpringSecurity基于数据库的ABAC属性权限模型实战开发教程》:本文主要介绍SpringSecurity基于数据库的ABAC属性权限模型实战开发教程,本文给大家介绍的非常详细,对大... 目录1. 前言2. 权限决策依据RBACABAC综合对比3. 数据库表结构说明4. 实战开始5. MyBA

Spring Security方法级安全控制@PreAuthorize注解的灵活运用小结

《SpringSecurity方法级安全控制@PreAuthorize注解的灵活运用小结》本文将带着大家讲解@PreAuthorize注解的核心原理、SpEL表达式机制,并通过的示例代码演示如... 目录1. 前言2. @PreAuthorize 注解简介3. @PreAuthorize 核心原理解析拦截与

一文详解JavaScript中的fetch方法

《一文详解JavaScript中的fetch方法》fetch函数是一个用于在JavaScript中执行HTTP请求的现代API,它提供了一种更简洁、更强大的方式来处理网络请求,:本文主要介绍Jav... 目录前言什么是 fetch 方法基本语法简单的 GET 请求示例代码解释发送 POST 请求示例代码解释

Java图片压缩三种高效压缩方案详细解析

《Java图片压缩三种高效压缩方案详细解析》图片压缩通常涉及减少图片的尺寸缩放、调整图片的质量(针对JPEG、PNG等)、使用特定的算法来减少图片的数据量等,:本文主要介绍Java图片压缩三种高效... 目录一、基于OpenCV的智能尺寸压缩技术亮点:适用场景:二、JPEG质量参数压缩关键技术:压缩效果对比

Java调用C++动态库超详细步骤讲解(附源码)

《Java调用C++动态库超详细步骤讲解(附源码)》C语言因其高效和接近硬件的特性,时常会被用在性能要求较高或者需要直接操作硬件的场合,:本文主要介绍Java调用C++动态库的相关资料,文中通过代... 目录一、直接调用C++库第一步:动态库生成(vs2017+qt5.12.10)第二步:Java调用C++

Feign Client超时时间设置不生效的解决方法

《FeignClient超时时间设置不生效的解决方法》这篇文章主要为大家详细介绍了FeignClient超时时间设置不生效的原因与解决方法,具有一定的的参考价值,希望对大家有一定的帮助... 在使用Feign Client时,可以通过两种方式来设置超时时间:1.针对整个Feign Client设置超时时间

springboot+dubbo实现时间轮算法

《springboot+dubbo实现时间轮算法》时间轮是一种高效利用线程资源进行批量化调度的算法,本文主要介绍了springboot+dubbo实现时间轮算法,文中通过示例代码介绍的非常详细,对大家... 目录前言一、参数说明二、具体实现1、HashedwheelTimer2、createWheel3、n

Java利用docx4j+Freemarker生成word文档

《Java利用docx4j+Freemarker生成word文档》这篇文章主要为大家详细介绍了Java如何利用docx4j+Freemarker生成word文档,文中的示例代码讲解详细,感兴趣的小伙伴... 目录技术方案maven依赖创建模板文件实现代码技术方案Java 1.8 + docx4j + Fr

SpringBoot首笔交易慢问题排查与优化方案

《SpringBoot首笔交易慢问题排查与优化方案》在我们的微服务项目中,遇到这样的问题:应用启动后,第一笔交易响应耗时高达4、5秒,而后续请求均能在毫秒级完成,这不仅触发监控告警,也极大影响了用户体... 目录问题背景排查步骤1. 日志分析2. 性能工具定位优化方案:提前预热各种资源1. Flowable

基于SpringBoot+Mybatis实现Mysql分表

《基于SpringBoot+Mybatis实现Mysql分表》这篇文章主要为大家详细介绍了基于SpringBoot+Mybatis实现Mysql分表的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录基本思路定义注解创建ThreadLocal创建拦截器业务处理基本思路1.根据创建时间字段按年进