javascript python 运算速度-python前端之JavaScript

目的：学习前端脚本语言javascript的基本概念、页面引入方式、获取页面元素及操作元素属性的技巧，学习函数的基本定义方法和使用方法。

JavaScript介绍

JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公司，需要插件)等。

前端三大块

1、HTML：页面结构

2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果

3、JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能

JavaScript嵌入页面的方式

1、行间事件（主要用于事件）

2、页面script标签嵌入

var a = "你好！";

alert(a);

3、外部引入

javascript语句与注释

1、一条javascript语句应该以“;”结尾

var a = 123;

var b = "str";

function fn(){

alert(a);

};

fn();

2、javascript注释

// 单行注释

var a = 123;

/*

多行注释

1、...

2、...

*/

var b = "str";

变量

JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。 定义变量需要用关键字 "var"

var a = 123;

var b = "asd";

//同时定义多个变量可以用","隔开，公用一个"var’关键字

var c = 45,d="qwe",f="68";

变量类型

5种基本数据类型：

number、string、boolean、undefined、null

1种复合类型：

object

变量、函数、属性、函数参数命名规范

1、区分大小写

2、第一个字符必须是字母、下划线（_）或者美元符号（$）

3、其他字符可以是字母、下划线、美元符或数字

获取元素方法一

可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量，比如：

var oDiv = document.getElementById("div1");

....

这是一个div元素

上面的语句，如果把javascript写在元素的上面，就会出错，因为页面上从上往下加载执行的，javascript去页面上获取元素div1的时候，元素div1还没有加载，解决方法有两种：

第一种方法：将javascript放到页面最下边

....

这是一个div元素

....

var oDiv = document.getElementById("div1");