<script></script>写在<head></head>或者<body></body>中效果一样。一般写在head中或者集中在body底部或者单独创建js文件,此时使用时需要引用。

一.JavaScript输出:

1.document.getElementById("123").innerHTML="456";

2.document.write("<button>nihao</button>");

2.1请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖,如执行下方“糟糕,文档消失了”函数;

3.function{……}需要调用;否则直接执行,如:

<script>
document.write("<p>My First JavaScript</p>");
</scrip>

<script>
function myFunction()
{
document.write("糟糕!文档消失了。");
}
</script>

二.JavaScript语句

JavaScript对大小写敏感,会自动忽略多余的空格,可以使用反斜杠对文本进行换行。

var name="Hello";
var name = "Hello";
上述代码等效。

document.write("Hello \
World!");(正确)
document.write \
("Hello World!");(错误)

三.JavaScript注释

//单行注释

/* */文本块注释 (多行注释)

四.JavaScript变量、数据类型及对象

1.var 变量名(“字母、$、_”开头)=222;

  var 变量名(“字母、$、_”开头)=“fdfd”;

var 变量名(“字母、$、_”开头)=‘fdfdfd’;

var 变量名(“字母、$、_”开头)=true/false;//布尔类型

var 变量名(“字母、$、_”开头)=null;

 var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo"; //数组
 var person={firstname:"Bill", lastname:"Gates", id:5566};                //对象

document.write(person.lastname + "<br />");
    document.write(person["lastname"] + "<br />");           //这两种写法等效

上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。

2.当声明新变量时,可以使用关键词 "new" 来声明其类型:

 var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;

3.JavaScript的变量拥有很多内建方法,如“fdfd”.length()==4等。另外,对象可以自行添加属性和方法。

五.JavaScript函数

1.调用带参数的函数

<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>

<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

2.调用带有返回值的函数

function myFunction()
{
var x=5;
return x;
}

上面的函数会返回值 5。

注释:整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。

3.上述两种的结合

<body>

<p id="demo"></p>

<script>
   function myFunction(a,b)
  {
       return a*b;
   }

document.getElementById("demo").innerHTML=myFunction(4,3);
   </script>

</body>

结果:12

4.在仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的:

function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
} //如果 a 大于 b,则上面的代码将退出函数,并不会计算 a 和 b 的总和。

5.在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

六.JavaScript运算符

JavaScript运算符和java相同,需要注意的是:

1.x=5+"5";

document.write(x);     //结果是55,如果把数字与字符串相加,结果将成为字符串。

    2.==等于;===全等(值和类型)。

七.break和continue

break 语句可用于跳出循环。

continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。

该例子跳过了值 3:

 for (i=0;i<=10;i++)
{
if (i==3) continue;
x=x + "The number is " + i + "<br>";
}

												

JavaScript学习笔记整理的更多相关文章

  1. NPM 学习笔记整理

    NPM 学习笔记整理 阅读 550,2017年06月04日 发布,来源:blog.ihoey.com 什么是 NPM npm 之于 Node ,就像 pip 之于 Python , gem 之于 Ru ...

  2. Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  3. javaweb学习笔记整理补课

    javaweb学习笔记整理补课 * JavaWeb: * 使用Java语言开发基于互联网的项目 * 软件架构: 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端 ...

  4. python学习笔记整理——字典

    python学习笔记整理 数据结构--字典 无序的 {键:值} 对集合 用于查询的方法 len(d) Return the number of items in the dictionary d. 返 ...

  5. Deep Learning(深度学习)学习笔记整理系列之(五)

    Deep Learning(深度学习)学习笔记整理系列 zouxy09@qq.com http://blog.csdn.net/zouxy09 作者:Zouxy version 1.0 2013-04 ...

  6. Java程序猿的JavaScript学习笔记(汇总文件夹)

    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...

  7. Deep Learning(深度学习)学习笔记整理系列之(八)

    Deep Learning(深度学习)学习笔记整理系列 zouxy09@qq.com http://blog.csdn.net/zouxy09 作者:Zouxy version 1.0 2013-04 ...

  8. Deep Learning(深度学习)学习笔记整理系列之(七)

    Deep Learning(深度学习)学习笔记整理系列 zouxy09@qq.com http://blog.csdn.net/zouxy09 作者:Zouxy version 1.0 2013-04 ...

  9. Deep Learning(深度学习)学习笔记整理系列之(六)

    Deep Learning(深度学习)学习笔记整理系列 zouxy09@qq.com http://blog.csdn.net/zouxy09 作者:Zouxy version 1.0 2013-04 ...

随机推荐

  1. DX12龙书 02 - DirectXMath 库中与向量有关的类和函数

    0x00 需要用到的头文件 #include <DirectXMath> #include <DirectXPackedVector.h> using namespace Di ...

  2. 浅谈Python常用英文单词

    一.交互式环境与print输出 1.print:打印/输出2.coding:编码3.syntax:语法4.error:错误5.invalid:无效6.identifier:名称/标识符7.charac ...

  3. Linux最常用的命令大全

    Linux最常用的命令大全 按功能索引 目录处理命令 ls mkdir pwd cd rmdir cp mv rm 文件处理命令 touch cat tac more less head tail l ...

  4. 题解:POI2012 Salaries

    题解:POI2012 Salaries Description The Byteotian Software Corporation (BSC) has \(n\) employees. In BSC ...

  5. 集训DP复习整理

    DP复习 集训%你赛2:测绘(审题DP) 经过2000+个小时的努力终于把这道题做出来的蒟蒻通 分析: 这道题我一直没做出来的原因就是因为我太蒟了题面看不懂,题面读懂了,其实不是特别难. 题目翻译: ...

  6. docker设置http访问

    1 编辑配置文件    vim /etc/docker/daemon.json { "registry-mirrors": ["https://a4fyjv0u.mirr ...

  7. kibana-安装-通过docker

      拉取镜像 docker pull kibana:7.9.1   创建用户自定义网络 docker network create esnet   运行Kibana docker run --name ...

  8. Python操作CSV和Excel

    概述 csv是最通用的文件格式,本质是文本文件,用记事本即可打开.同一行中每个字段间用逗号分隔,在csv中显示的是在不同单元格中,在记事本中显示的是一行中用逗号分隔. xls是excel专用格式,是二 ...

  9. Codeforces Round 662 赛后解题报告(A-E2)

    Codeforces Round 662 赛后解题报告 梦幻开局到1400+的悲惨故事 A. Rainbow Dash, Fluttershy and Chess Coloring 这个题很简单,我们 ...

  10. pychartdir模块安装

    python模块pychartdir导入问题 在迁移别人写好的脚本时,发现pychartdir没有导入,脚本执行报错.以下是报错内容: [modps@LGJF-ZYC5-MMSC-WEB02 ~]$ ...