1 <!DOCTYPE html>

 2 <html lang="en">

 3 <head>

 4     <meta charset="UTF-8">

 5     <title>Title</title>

 6 </head>

 7 <body>

 8     <h1>我的第一个Web页面</h1>

 9     <p id="demo">我的第一个段落</p>

10     <p id="demo1">我的第2个段落</p>

11     <button onclick="myFunction()">点我</button><br>

12     <button onclick="myFunction1()">点我一下</button><br>

13

14     <button onclick="myFunction2()">点我一下-while</button>

15

16

17

18     <script>

19         function myFunction(){

20             document.getElementById("demo").innerHTML ="段落已修改";//使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容

21             window.alert(5+6);//弹出警告框

22             document.write(Date());

23             document.write("<h1>这是一个标题</h1>");//将内容写到 HTML 文档中

24             document.write("<p>这是一个段落</p>");

25

26         }

27         var d = new Date();

28         var time = d.getHours();

29         if(time<10){

30             document.write("<b>早上好</b>");

31         }else if(time>=10 && time<20){

32             document.write("<b>今天好</b>");

33         }else {

34             document.write("<b>晚上好!</b>")

35         }

36         cars = ['BMW','Volvo','Saab','Ford'];

37         for (var i=0;i<cars.length;i++){

38             document.write("<br>"+cars[i]);

39         }

40

41         function myFunction1() {

42             var x;

43             var txt = "";

44             var person = {fname:"Bill ",lname:"Gates ",age:56};

45             for (x in person){

46                 txt+=person[x];

47             }

48             document.getElementById("demo").innerHTML = txt;

49         }

50

51         function myFunction2() {

52             var x = "",i = 0;

53             while (i<5){

54                 x = x+"该数字是"+i+"<br>";

55                 i++;

56             }

57             document.getElementById("demo").innerHTML = x;

58         }

59

60         var x = function (a,b) {return a*b};//以上函数实际上是一个 匿名函数 (函数没有名称);函数以分号结尾，因为它是一个执行语句

61         document.getElementById("demo").innerHTML =x(4,3);

62

63         var x = findMax(1,33,55,45,77,500);//找到最大的一个参数的值

64         function findMax() {

65             var max = arguments[0];

66             if (arguments.length<2) return max;

67             for (var i = 0; i<arguments.length; i++){

68                 if(arguments[i]>max){

69                     max = arguments[i];

70                 }

71             }

72             return max;

73         }

74         document.getElementById("demo").innerHTML = x;

75

76         var m = 10;

77         var y = sumAll(m,33,55,45,77,500);//创建一个函数用来统计所有数值的和

78         function sumAll() {

79             var sum = 0;

80             for (var i = 0; i<arguments.length; i++){

81                 sum+=arguments[i];

82             }

83             return sum;

84         }

85         document.getElementById("demo1").innerHTML = y;

86     </script>

87

88

89 </body>

90 </html>

JS基础代码的更多相关文章

  1. js基础 - 兼容代码

    js基础 - 兼容代码 . scrollTop . chrome document.body.scrollTop . IE && firefox document.documentEl ...

  2. js基础梳理-究竟什么是执行上下文栈（执行栈），执行上下文(可执行代码）？

    日常在群里讨论一些概念性的问题,比如变量提升,作用域和闭包相关问题的时候,经常会听一些大佬们给别人解释的时候说执行上下文,调用上下文巴拉巴拉,总有点似懂非懂,不明觉厉的感觉.今天,就对这两个概念梳理一 ...

  3. js基础之javascript的存在形式和js代码块在页面中的存放位置和 CSS 对比

    1.存在形式 文件 如: <script src='js/jc.js'></script> 前页面 <script type='text/javascript'>a ...

  4. js 基础篇（点击事件轮播图的实现）

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  5. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  6. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

  7. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  8. JS基础（超级简单）

    1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)       ...

  9. Node.js基础与实战

    Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境 模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP& ...

随机推荐

  1. 数据库中间件ShardingSphere-Proxy(一)

    1.现实中的问题 我们知道数据库的数据,基本80%的业务是查询,20%的业务涵盖了增删改,经过长期的业务变更和积累数据库的数据到达了一定的数量之后,直接影响的是用户与系统的交互,查询时的速度,插入数据 ...

  2. 基于JDK的动态代理原理分析

    基于JDK的动态代理原理分析 这篇文章解决三个问题: What 动态代理是什么 How 动态代理怎么用 Why 动态代理的原理 动态代理是什么? 动态代理是代理模式的一种具体实现,是指在程序运行期间, ...

  3. dfs:10元素取5个元素的组合数

    #include "iostream.h" #include "string.h" #include "stdlib.h" int sele ...

  4. 什么是openssl?

    在计算机网络上,OpenSSL是一个开放源代码的软件库包,应用程序可以使用这个包来进行安全通信,避免窃听,同时确认另一端连接者的身份.这个包广泛被应用在互联网的网页服务器上.

  5. 说一下 jvm 有哪些垃圾回收器？

    新生代收集器: SerialParNewParallel Scavenge 老年代收集器: Serial OldCMSParallel Old 堆内存垃圾收集器: G1 参考链接:JVM常见的垃圾回收 ...

  6. synchronized、volatile、CAS 比较？

    1.synchronized 是悲观锁,属于抢占式,会引起其他线程阻塞. 2.volatile 提供多线程共享变量可见性和禁止指令重排序优化. 3.CAS 是基于冲突检测的乐观锁(非阻塞)

  7. IOC 初始化源代码阅读之我见

    由于本人的能力有限,只能说出自己的见解,如有错漏什么的,请大家批评指出.由于代码封装太多,这里只列出了我认为的部分最重要的代码,一些简单的封装代码,不在下面列出.由于代码太过于复杂,在本次博客中,只列 ...

  8. Spark学习摘记 —— RDD转化操作API归纳

    本文参考 在阅读了<Spark快速大数据分析>动物书后,大概了解到了spark常用的api,不过书中并没有给予所有api具体的示例,而且现在spark的最新版本已经上升到了2.4.5,动物 ...

  9. Numpy计算逆矩阵求解线性方程组

    对于这样的线性方程组: x + y + z = 6 2y + 5z = -4 2x + 5y - z = 27 可以表示成矩阵的形式: 用公式可以表示为:Ax=b,其中A是矩阵,x和b都是列向量 逆矩 ...

  10. 解决canvas画图模糊的问题

    canvas 画图经常发现他是模糊的.解决这个问题主要从两个方面下手. 改变canvas渲染的像素情况:画1像素的线条看起来模糊不清,好像更宽的样子. 解决方案 var ctx = canvas.ge ...