FSWD_2_JavaScript

JS既在client side有,也在server side 和 database side有。

location

一般情况,js代码可以放在任何位置。 js库一般放在head里面 js代码一般放在body的最后面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- LOAD JS LIBRARIES HERE  -->
    <scrpit src="mycode.js"></scrpit>

</head>
<body>
<!-- your js code here usually   -->
<script>
    function surprise() {
        alert("hello");
    }
</script>
</body>
</html>

data type

number 只有一种表示,可以用科学计数法。

string

boolean && || !

object

var typeof

parseInt parseFloat String

data structure

[] length join push shift pop unshift concat

var a = [1,2,3];
var a = new Array(3);

array.join(separator)
array.length
array.push
array.pop
array.shift
array.unshift
array1.concat(array2)

Events

onload is triggered when the object is loaded.

<body onload="alert('hello');
    alert('hello2')">

function

alert confirm prompt isNaN

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>

<script>

    alert("alert");

    confirm("confirm");

    var user_name;
    user_name = prompt("what's your name");
    document.write("welcome to my page  "
        + user_name +"!");
</script>

</body>
</html>

random

Math.random Math.floor

Math.random()*max_value #[0,max_value)

function

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <script>
        function user_age() {
            age = prompt("input your age");
            return parseInt(age)
        }
        function check_age() {
            if (user_age() < 18)
                alert("go out")
        }
    </script>
</head>

<body onload="check_age()">

</body>
</html>

structure

if else switch break

while () {}; string.indexof(“text”) location of “text”

do {} while(); does the once at least

local and global variable

如果在函数里面使用了没有被var创建的变量a,a会变成全局变量。

debug

使用chrome中的开发者工具 同时可以在console中输入js代码

console.log()与alert()的区别是用户不可见但是开发者可见。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Deep learning进阶路

C++随记(八)---存储持续性、作用域和链接性

版权声明:本篇文章是阅读《C++primer plus (第6版)中文版》第9章之后所作的笔记。部分文字和图表摘自于这本书。 C++随记(八)---存储持续性、...

1880
来自专栏蓝天

理解snprintf()函数

在编程中,需要关注snprintf()的两个问题:一是它的返回值,二是它的第二个参数。

672
来自专栏一名合格java开发的自我修养

Linux之shell编程条件判断-if,while,for,case

原文和作者一起讨论:http://www.cnblogs.com/intsmaze/p/6675350.html

993
来自专栏ml

hdu 3518 (后缀数组)

  题目描述:   找出一个字符串中至少重复出现两次的字串的个数(重复出现时不能重叠)。   code:      后缀数组处理,对于得到height 进行查找...

3214
来自专栏java思维导图

【一分钟知识】异常处理,值传递和引用传递

异常处理 关键字:throws、throw、try、catch、finally try用来指定一块预防所有异常的程序; catch子句紧跟在try块后面,用来指...

3348
来自专栏Java面试笔试题

List、Map、Set三个接口存取元素时,各有什么特点?

List以特定索引来存取元素,可以有重复元素。Set不能存放重复元素(用对象的equals()方法来区分元素是否重复)。Map保存键值对(key-value p...

732
来自专栏小灰灰

Shell学习笔记

1. 变量 声明变量 以 a-zA-Z 开头,不包含特殊字符 等号两边没有空格 不与保留字符重名 PATH="/user/yihui" 使用 变量前加 $ 符号...

18810
来自专栏鬼谷君

python3模块: json & pickle

1082
来自专栏Python小屋

黑客走开系列1:Python使用元组做函数实参让代码更安全!

在Python内置对象中,列表、字典、集合属于可变序列,作为函数实参是不安全的,尤其是调用别人写好的恶意函数或者调用被人恶意修改过的函数时,很容易被修改实参。而...

2727
来自专栏开源优测

python selenium2 - webelement操作常用方法

完整路径 C:\Python27\Lib\site-packages\selenium\webdriver\remote\webelement...

2895

扫码关注云+社区