【前端】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以 ...

随机推荐

HDOJ 1257 最少拦截系统【DP】
HDOJ 1257 最少拦截系统 [DP] Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Other ...
Unity,android和IOS 防止八门神器注入
八门神器主要是不断筛选,来获取关键属性(比如金币)在内存中的地址,再根据该地址来修改指向的数据就可以成功. 因此,我们需要在金币读取和设置的时候,使用一个偏移量,来达到干扰的目的就可以了未经仔细测试 ...
$微信小程序开发实践点滴——Bmob常用API的使用
Bmob后端云官网:http://www.bmob.cn/ Bmob后端云微信小程序开发文档:http://docs.bmob.cn/data/wechatApp/b_developdoc/doc/i ...
笔记2：Jmeter核心组件
资料来源:开源优测微信公众号,作者:苦叶子 Jmeter核心组件 1.Thread Group(线程组) 2.逻辑控制器,配置元件,定时器,前置处理器,Sample,后置处理器,断言,监听器: 3. ...
图像运动去模糊（Motion Deblurring）代码
http://blog.csdn.net/qianliheshan/article/details/12853157 http://www.di.ens.fr/~whyte/ Efficient De ...
响应式Tab选项卡
在线演示本地下载
nginx 第一天
来公司第一天先装了一下nginx 第一步: 先装brew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/ ...
ls存在的文件，不能操作
bash-4.2# pwd/oracle/product/10.2.0/db_1/network/adminbash-4.2# lssqlnet.ora libnrad ...
LeetCode第[10]题(Java)：Regular Expression Matching
题目:匹配正则表达式题目难度:hard 题目内容:Implement regular expression matching with support for '.' and '*'. '.' Ma ...
第一章 Burp Suite 安装和环境配置
Burp Suite是一个集成化的渗透测试工具,它集合了多种渗透测试组件,使我们自动化地或手工地能更好的完成对web应用的渗透测试和攻击.在渗透测试中,我们使用Burp Suite将使得测试工作变得更 ...

【前端】JavaScript入门学习

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

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

随机推荐

热门专题

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