3710人加入学习
(6人评价)
Web前端第三季(JavaScript)

制作完成于2018年6月14日

价格 免费
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>102-什么是js函数</title>
    <script type="text/javascript">
        //字符串是js中的一种数据类型。
        alert('Hello World!你好');
        //函数 function 方法 method f1 - 100
    </script>
</head>
<body>
    
</body>
</html>

什么是函数?
一个函数有自己一个固定的功能,调用函数相当于调用这个功能。
函数有系统内置的函数,我们也可以定义自己的函数,使用这个函数实现我们想要的功能。
在定义函数的时候,我们需要写很多行代码来实现我们想要的功能。
函数可以被多次调用,我们只需要通过函数名调用即可调用响应的功能,这样就避免了每次想要调用某个功能的时候,就去书写重复的代码。

函数的作用:
1,一个函数实现一个固定的功能
2,避免重复写代码

函数怎么调用?
xxx1(arg1,arg2,arg3);
函数名是定义的时候决定的,参数也是定义的时候决定的。我们想要什么功能就必须调用对应名字的函数,并且提供对应的参数。(调用别人的函数的时候,不能自己随便写函数名和参数)

什么是字符串?
几个字符(中文字符或者英文字符或者某个特殊符号比如逗号)组合在一起,组成一个串,就是字符串。
字符串是JavaScript中的一种数据类型。
JavaScript中的数据是指什么呢?(字符串,数字,图片,某个运算结果等 这些都是数据)
每个数据都有自己的数据类型,不同的数据类型在内存中有不同的存储方式。我们只需要告诉解释器某个数据的数据类型是什么,不用管它怎么在内存中存储的。解释器(浏览器)会自动的根据这个数据的类型,把它按照响应的方式存储到内存中。

JavaScript中的字符串的规范
字符串必须使用单引号或者双引号括起来。

什么时候使用单引号,什么时候双引号呢?
(1)只使用字符的字符串(字符串不包括单引号或者双引号),单引号和双引号没有区别
(2)在包括单引号的字符串中可以直接用双引号,在包括双引号的字符串中可以直接用单引号
(3)如果在双引号包括的字符串中用双引号,需要用反斜杠转义,注意是"\"   ;同样在单引号包括的字符串中用单引号,也需要转义
(4)如果要用反斜杠,则输入‘\\’

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>101-第一个js代码</title>
    <script type="text/javascript">
        // alert("Hello World!")
        /* 注释 */
    </script>
    <!-- <style type="text/css"></style> -->
    <!-- <script type="text/javascript" src="js/test.js"></script> -->
</head>
<body>
    <font onclick="alert('你点击了我');alert('你点击了我');">你好</font>
</body>
</html>

JavaScript代码在哪里书写
第一种方式:网页内(可以放在网页的任意位置)
<script type="text/javascript">
</script>
第二种方式:行内
第三种方式:外部引入的方式
<script type="text/javascript" src="test.js" ></script>

警告框
window.alert('Hello World!'); // alert('Hello World');

[展开全文]
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>101-第一个js代码</title>
    <script type="text/javascript">
        alert("Hello World!")
    </script>
    <!-- <style type="text/css"></style> -->
</head>
<body>
    
</body>
</html>

JavaScript代码在哪里书写
第一种方式:网页内(可以放在网页的任意位置)
<script type="text/javascript">
</script>
第二种方式:行内
第三种方式:外部引入的方式
<script type="text/javascript" src="test.js" ></script>

警告框
window.alert('Hello World!'); // alert('Hello World');

[展开全文]

-----------------------------------------------------------------JavaScript基础语法
HTML CSS JavaScript
本课程是Web前端三部曲的JavaScript
为后续Java Web部分的学习打下坚实的基础,也为想要深入学习Web前端的童鞋打下坚实的基础。

JavaScript是干什么的?
HTML是基本的网页(文字 图片 视频)
CSS通过控制布局和样式让网页更加美观
JavaScript是给网页添加动画和一些其他的交互事件,让网页变得更加活泼。
JavaScript跟编程语言差不多,不过它不是编程语言,它是脚本语言,它的运行不需要编译,直接由解释器解释执行。它也有变量、函数。

JavaScript可以完成的效果
数据校验(输入的密码,年龄,用户名是否符合要求)
图片轮播
广告弹框


JavaScript的特点:
1,语法相对来说比较简单(弱类型的变量类型)
2,跨平台(JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持)

[展开全文]

===首先判断类型是否一致,再判断值是否一致

!=判断是否等于

[展开全文]

alert('Hello World')  生成弹窗,弹窗内显示“Hello World”

JS的样式可以放在任意位置head,body,html之外都可

[展开全文]

replace 和 search都只处理找到的第一个

修饰符之间不用/

[展开全文]

substring和slice和substr的区别插眼

 

trim方法可以把字符串前后的空格去掉

[展开全文]

字符串名.indexOf("",开始查找的位置) 查找字串是否存在返回字串首字母在字符串中的索引 如不存在返回-1 若字串为空返回0

 

 

字符串名.slice(开始索引,结束索引) 字符串切割

注:包换开始索引,不包含结束索引

负数就是从后面开始数

[展开全文]

字符串名.length 获得字符串长度

字符串名.toUpperCase();是返回所以需要新字符串接收

 

[展开全文]

传参的时候函数里的变量不需要var进行声明

[展开全文]

“”+别的 可以直接转字符串

[展开全文]

授课教师

SiKi学院老师

课程特色

下载资料(1)
视频(60)