JavaScript快速入门必备知识点

(一)、怎么产生的?

发明人布莱登·艾奇
时间1995年
发明时长10天
地点美国

 

(二)、是一门什么样的语言?

JavaScript是一门动态的弱类型的解释型脚本语言

动态的只有在执行时才能确定数据类型
弱类型的变量数据的类型不是确定的,可以随意的进行改变
解释型的相对于编译型来说,编译型计算机在执行之前需要把程序进行编译之后再执行,解释型不需要编译,执行时一行一行去解释执行
脚本语言代表可以嵌在其他语言中进行执行

 

(三)、简单的发展历程

期初JavaScript叫LiveScript,而是sun公司开发发行,当时sun公司没有那么大的声誉,所以将LiveScript改名为JavaScript,借助Java的名字火了一把。但是Java和JavaScript没有半毛钱关系,就像老婆和老婆饼。

 

(四)、用来做什么的?

1、最开始用来做表单验证

如果没有JavaScript,我们网页的表单验证需要通过网络传输数据去服务器进行验证,占用带宽资源太严重而且体验不佳。

  • 重置按钮

<input type="reset" />
  • 下拉选项

<select name="">
            <option value="">1</option>
            <option value="">2</option>
            <option value="">3</option>
        </select>
  • 可以伸缩的文本框

    <!--可以改变大小的文本框,name用于跟后台交互,rows行   cols列-->
            <!--默认情况-->
            <textarea name="" rows="" cols=""></textarea>
            
            <!--通过id可以设置宽度和高度-->
            <textarea id="text"></textarea>
  • 表格

    <table>
                <tr>
                    <th>1</th>
                    <th>2</th>
                    <th>3</th>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>

2、现在用来做用户交互、游戏、后端开发

 

(五)、Js组成部分

ECMAScript语法规范,负责js的语法部分
DOM(Document Object Model)文档对象模型(操作元素)
BOM(Brower Object Model)浏览器对象模型(操作浏览器)

 

(六)、JS第一个程序——输出语句

  • alert() 以弹出框的形式输出

弹出框点击确定按钮才是语句执行完

alert('I Love You!');

 

  • console.log 以日志形式在控制台输出

console.log('I Love You!');

 

  • document.write 把内容作为网页的内容显示

document.write('I Love You!');
  • JS语言执行过程是从上到下一行一行进行执行的

  • JS语句的特点:

  1. 每一行都会有个分号进行结尾

  2. 分号不是必需的,写不写都行

  3. 推荐写

 

(七)、JS的书写位置

     1、行内式:局限性大,只能对事件进行绑定;耦合性大,结构行为不隔离

<div id="box" onclick="alert('hahahaha')">点击我显示内容</div>

     2、内嵌式:用的比较多,一般写项目初期都用内嵌,最后变为外链

<script type="text/javascript">
            alert('I Love You!');
            
            console.log('I Love You!');
            
            document.write('I Love You!');

     3、外链式:建Js文件,通过script链接,标签内不能写代码

<link rel="stylesheet" href="css/love.css"/>
​
<script src="js/love.js"></script>
  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值