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

相关文章

来自专栏柠檬先生

Sass 基础(三)

扩展/继承     继承对于了解css 的同学来说一点都不陌生,先来看一张图     在Sass 中也具有继承一说,也就是继承类中的样式代码块,在Sass中...

1895
来自专栏陈纪庚

javasciprt性能优化

本文主要是在我读《高性能Javascript》之后,想要记录下一些有用的优化方案,并且就我本身的一些经验,来大家一起分享下,

884
来自专栏前端大白专栏

关于css选择器的问题 + * ~这三个有什么区别

1594
来自专栏开源优测

使用CSS选择器进行元素定位

在selenium webdriver中,支持使用CSS选择器来进行元素定位,事实在真的投入工作,大量编辑用例和元素定位的时候,使用css 和 xpath才...

2715
来自专栏Java Edge

全面入门jQuery最佳实践(二)-jQuery的属性与样式1 .attr()与.removeAttr()2 html()及.text()

每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。

743
来自专栏达摩兵的技术空间

js事件委托

事件委托也叫事件代理,事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。

582
来自专栏Java帮帮-微信公众号-技术文章全总结

JavaWeb02-CSS,JS(Java真正的全栈开发)

? css&javascript 一.CSS 1.CSS介绍 CSS 指层叠样式表 (Cascading Style Sheets),用来定义网页的显示效果。...

35715
来自专栏DT乱“码”

MYSQL Count(*)和Count(1)区别

在SQL Server中Count(*)或者Count(1)或者Count([列])或许是最常用的聚合函数。很多人其实对这三者之间是区分不清的。本文会...

1938
来自专栏柠檬先生

jquery事件绑定

.bind()   为一个元素绑定一个元素处理程序。   .bind(eventType[,eventData],handler(eventOb...

1847
来自专栏xingoo, 一个梦想做发明家的程序员

Elasticsearch入门必备——ES中的字段类型以及常用属性

使用Elasticsearch时,了解字段的概念,是必不可少的。毕竟无论是es还是传统的数据库,都无法弱化字段的类型。 背景知识 在Es中,字段的类型很关...

2558

扫码关注云+社区