【前端】JavaScript入门学习

<button type="button" onclick="alert('hillo!')">Here</button>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>

x=document.getElementById("demo")  //找到元素

x.style.color="#ff0000";           //改变样式

<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
}
</script>
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>

<!DOCTYPE html>

<html>

<body>

<script src="myScript.js"></script>

</body>

</html>

多行注释以 /* 开始，以 */ 结尾。
"<br>" --- 换行
变量必须以字母开头；变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）；变量名称对大小写敏感（y 和 Y 是不同的变量）

var y=123e5;      // 12300000

var z=123e-5;     // 0.00123

var cars=new Array();

cars[0]="Audi";

cars[1]="BMW";

cars[2]="Volvo";

var cars=new Array("Audi","BMW","Volvo");

```
var cars=["Audi","BMW","Volvo"];
```

var person={

firstname : "Bill",

lastname  : "Gates",

id        :  5566

};

name=person.lastname;

name=person["lastname"];

当您声明新变量时，可以使用关键词 "new" 来声明其类型：

var carname=new String;

var x=      new Number;

var y=      new Boolean;

var cars=   new Array;

var person= new Object;

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。

在 JavaScript 中，对象是拥有属性和方法的数据。

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

您可以通过下面的语法调用方法：
```
objectName.methodName()
```

var message="Hello world!";

var x=message.toUpperCase();

对字符串和数字进行加法运算如果把数字与字符串相加，结果将成为字符串。

JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。

greeting=(visitor=="PRES")?"Dear President ":"Dear "; 如果变量 visitor 中的值是 "PRES"，则向变量 greeting 赋值 "Dear President "，否则赋值 "Dear"。

===========================================================================

教程

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

写入：document.write
函数的JS脚本一般放在head中
外部的 JavaScript
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件。
JavaScript 通常用于操作 HTML 元素。
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。请使用 "id" 属性来标识 HTML 元素。
请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
JavaScript 对大小写敏感。

对代码行进行折行
```
document.write("Hello \

World!");
```
JavaScript 注释可用于提高代码的可读性。
通常我们在每条可执行的语句结尾添加分号。使用分号的另一用处是在一行中编写多条语句。
JavaScript 单行注释用// ；多行注释用/* ... */（类似java，要在script标签内的）
变量的设置用var //var x =2; （变量的取名，跟java一样的；变量的数据类型，暂时关注数值和文本，文本要用双/单引号，数值不用。）

<script>

var pi=3.14;

document.write(pi + "<br>");

</script>

一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。
一条语句，多个变量 //也可以跨行
```
var name="Gates", age=56, job="CEO";
```
字符串、数字、布尔、数组、对象、Null、Undefined

var y=123e5;      //

var z=123e-5;     // 0.00123

布尔（逻辑）只能有两个值：true 或 false。
```
var x=true

var y=false
```
数组

var cars=new Array();

cars[0]="Audi";

cars[1]="BMW";

cars[2]="Volvo";

========================================

var cars=new Array("Audi","BMW","Volvo");

========================================

var cars=["Audi","BMW","Volvo"];

JavaScript 对象 //var person={firstname:"Bill", lastname:"Gates", id:5566}; //这个也可以分行写，像java一样的
声明变量类型

var carname=new String;

var x=      new Number;

var y=      new Boolean;

var cars=   new Array;

var person= new Object;

在 JavaScript 中，对象是拥有属性和方法的数据。
函数：<script>function myFunction(var1,var2){这里是要执行的代码}</script>
（使用 var）是局部变量，只能在函数内部访问它。 //全局变量直接 carname="Volvo";

【前端】JavaScript入门学习的更多相关文章

JavaScript入门-学习笔记(一)
JavaScript入门(一) 学习js之前,我们先来了解一下,什么是JavaScript? JavaScript是一种解释型语言.在运行的时候,一边读一边编译一边执行.简单来说就是,在执行js代码时 ...
JavaScript入门学习书籍的阶段选择
对于许多想学习 JavaScript 的朋友来说,无疑如何选择入门的书籍是他们最头疼的问题,或许也是他们一直畏惧,甚至放弃学习 JavaScript 的理由.在 JavaScript 方面,自己不是什 ...
JavaScript入门学习之一——初级语法
JavaScript是前端编辑的一种编程语言(不同于html,html是一种标记语言),所以和其他的编程语言一样,我们将会从下面几点学习基础语法数据类型函数面向对象 JavaScript的组成 ...
Javascript入门学习
编程之道,程序员不仅仅要精通一门语言,而是要多学习几门. 本学习之源出自柠檬学院http://www.bjlemon.com/,特此声明. 第一课1:javascript的主要特点解释型:不需要编译, ...
JavaScript入门学习(1)
<html> <script type ="text/javascript"> var i,j; for (i=1;i<10;i++){ for (j ...
JavaScript入门学习之二——函数
在前一章中讲了JavaScript的入门语法,在这一章要看看函数的使用. 函数的定义 JavaScript中的函数和Python中的非常类似,只不过定义的方式有些不同,下面看看是怎么定义的 //定义普 ...
javascript入门学习笔记2
JavaScript 拥有动态类型.这意味着相同的变量可用作不同的类型: 实例 var x // x 为 undefined var x = 6; // x 为数字 var x = "Bil ...
javascript入门学习笔记
<button type="button" onclick="alert('Welcome!')">点击这里</button>alert ...
JavaScript入门学习笔记（JSON）
JSON是JavaScript Object Notation的简称,是一种轻量级的数据交换格式. JSON使用JS的语法,但其格式只是一个文本,可以被任何编程语言读取病作为数据格式传递. JSON以 ...

随机推荐

hdu4749 kmp应用
呃,从网上看的题解,然而其实有点地方还没搞懂,先放在这,以后再回来理解. 题目地址:http://acm.hdu.edu.cn/showproblem.php?pid=4749 题目:2013 is ...
Oracle数据安全（四）j角色管理
一.角色管理的概述 1.角色的概念为了简化数据库权限的管理,在Oracle数据库中引入了角色的概念.所谓的角色就是一系列相关权限的集合. 2.角色的特点在数据库中,角色的名称必须是唯一的,不能与用 ...
Jconsle
1. jconsole 远程连接: JConsole很好用,可以解决很多疑难杂症.但远程连接需要设置一下Java opt才可以使用.以下是步骤: 1). 在java opt下添加如下内容: 如果是无须 ...
Java 基础总结(一)
本文参见:http://www.cnblogs.com/dolphin0520/category/361055.html 1. String,StringBuffer,StringBuilder 1) ...
2018-2019-2 20165114《网络对抗技术》Exp5 MSF基础应用
Exp5 MSF基础应用目录一.实验目标二.基础问题回答三.实验过程记录 3.1主动攻击实践 ms08_067+generic/shell reverse_tcp ms17_010_etern ...
Spring中Bean管理的常用注解
在Spring中,主要用于管理bean的注解分为四大类:1.用于创建对象.2.用于给对象的属性注入值.3.用于改变作用的范围.4.用于定义生命周期.这几个在开发中经常接触到,也可以说每天都会遇见.其中 ...
Synchronize原理
1 普通方法上 2 静态方法上修饰静态方法内置锁是当前的Class字节码对象修饰普通方法内置锁是当前类的实例原理与使用: 从字节码层面解释: 执行同步代码块 monitorenter synch ...
一种根据value解释成枚举的有效方法
有时候需要根据实际情况将某个值解释成一个枚举,而不是根据枚举的名称.如有时0是枚举Gender.MALE的值,1是枚举Gender.FEMALE的值:有时0.1又可以是另一个枚举的值,比如0表示Cer ...
Spring简洁版总结
一:为什么使用spring? spring泉眼,最好的水,在企业开发中,是业务层最好的框架 spring优点是什么? 1.低侵入,低耦合 2.方便集成其他框架 3.降低javaee开发难度 4.spr ...
define用于条件编译
格式: #ifndef _test.h_ //这里放不想被重复包含的代码 #define _test.h_ #endif define用于条件编译的意思是不想让头文件重复编译,头文件重复编译会造成的结 ...

【前端】JavaScript入门学习

对字符串和数字进行加法运算 如果把数字与字符串相加，结果将成为字符串。

【前端】JavaScript入门学习的更多相关文章

随机推荐

热门专题

对字符串和数字进行加法运算如果把数字与字符串相加，结果将成为字符串。