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 条评论
登录 后参与评论

相关文章

来自专栏Python小屋

Python编写只允许实例化一个对象的类

>>> class T: __total = 0 def __init__(self, value): if T.__total != 0: r...

3118
来自专栏听雨堂

事件处理需小心

        两个对象,A对象和B对象,A对象的事件需要在B中的一个函数来处理,B会不断创建,每次创建时就把A对象作为参数传给B的构造函数,B在构造函数中将处...

18610
来自专栏应兆康的专栏

Python Web - Flask笔记2

导入config.py后app.config.from_object(config)

662
来自专栏LanceToBigData

JavaWeb(五)之JSTL标签库

前言   前面介绍了EL表达式,其实EL表达式基本上是和JSTL核心标签库搭配一起使用才能发挥效果的。接下来让我们一起来认识一下吧!   在之前我们学过在JSP...

17210
来自专栏草根专栏

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(下)

我想查看viewer下的repositories。注意里面的edges,一旦看到这个词,通常就表示有连接到某个数组的数据。在这里就是一个集合的repositor...

482
来自专栏Java开发

FreeMarker自定义标签

第一种:编码添加自定义标签 步骤一:添加自定义解析器 创建一个类继承 FreeMarkerConfigurer 类.重写afterPropertiesSe...

562
来自专栏我的博客

CI基础知识笔记

1.知识点 $config[‘url_suffix’] = ”;//url后缀 $config[‘enable_query_strings’] = FALS...

2633
来自专栏Hongten

JSP标准标签库

JSTL全名JspServer Pages Standdard Tag Library(Jsp标准标签库),它是sun公司发布的一个针对JSP开发的新组件,它...

351
来自专栏LIN_ZONE

向php提交数据及json

  username:<input name="username" id="username" type="text"/><br/>

743
来自专栏PHP实战技术

你真的了解如何将 Nginx 配置为Web服务器吗

阅读之前,建议先阅读初识 Nginx。 之后,我们来了解一下 Nginx 配置。

2148

扫码关注云+社区