JavaScript基础-白红宇

JavaScript基础

阅读量：4070 次

发布时间：2019-05-25

本文共 11770 字，大约阅读时间需要 39 分钟。

一、初识JavaScript

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

二、入门JavaScript

一般JavaScript是用于页面的动态效果展示。JavaScript可以在<head>标签中写相应的语句，也可以在<body>中写语句实现功能。

JavaScript有很多开源框架，由于JavaScript编程灵活多变，基于JavaScript的开源项目很多，优秀的开源框架也有很多，比如jQuery，angularJs，等等。在实际开发中，我们可以在HTML中引入外部的.js文件，前段开发常用的js库有jQuery库，功能强大，容易上手

JavaScript代码如果是直接执行放在那里都可以，如果是调用函数，实现页面功能，放在中比较合适。

在JavaScript中变量用var声明，数据类型分为，数值型：如123,1.223；字符型：（在JavaScript中不区分字符和字符串）如‘adaf’,”dsaffg”,”小明”；布尔型：true，false。

变量的声明：

var i = 10;var str = "asdf";var f = 1.23;

基本语句

ifforwhiledo.......whileswitch

函数：javascript中的函数用function关键字来修饰，函数本身是可以用返回值的，但是在声明的时候不需要写返回值类型，如果有返回值就写return，否则就不写。

函数也可以有参数，写参数的时候只写形参的名字就可以了

Function 函数名（[参数1，参数2.。。。。]）｛

｝

三大提示框：

alert（“提示内容”）

confirm(“提示内容”)

confirm提示框是不返回值的，当点击确定按钮时返回true,当点击取消按钮时返回false

prompt(“提示内容”)

prompt(“提示内容1”，”提示内容2”);

prompt的返回值是输入的内容

如何获得标签中的属性的值，document.表单name.标签name.属性

Javascript中的注释和java一样

简易计算器JavaScript实现：

三、浏览器对象：

Window、Document、Location、History

Window是javascript中所有对象的根对象，默认在使用的时候可以不直接写出，例如经常使用的alert()

Window.open窗口

格式：Window.open(“url”,”窗口的名字（可以不写）”,”窗口属性的设置”);

‘page.html’ 弹出窗口的文件名；

‘newwindow’ 弹出窗口的名字（不是文件名），非必须，可用空”代替；

height=100 窗口高度；

width=400 窗口宽度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 是否显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许；

location=no 是否显示地址栏，yes为允许；

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

      javascript1.html

onload事件写在body中。

      javascript2.html            红色|    黄色|    蓝色

document.bgColor设置背景颜色。

      javascript3.html

使用location.href实现页面跳转。。。

history.back()后退（等同于history.go(-1)）

history.forward()前进(等同于history.go(1))

实例练习：

      javascript4.html                
           
    
                                                                                                                        
                                         用户名：                                                                              
                                         密码：                                                                              
                                         确认密码：

      javascript5.html                
           
    
                                                                                                                        
                                         用户名：                                                                              
                                         密码：                                                                              
                                         确认密码：                                                                              
                                         性别：                                            男                    女

      javascript6.html            
           
    
                                                                                                    
                                                                                                                                                                                                                                                                                
                                                             国服金币                                                           游戏装备                                                           副本攻略                                                           游戏周边

      javascript7.html

      javascript8.html        
           
    
                                                                   全选                                       姓名                        性别                        地址                        部门                                    
                                                                                                    Jim                        男                        海淀区万寿路                        营销部                                   
                                                                                                    James                        男                        丰台区航天科工大院                        市场部                                   
                                                                                                    Lucy                        女                        东城区牛街                        人事部                                   
                                                                                                    Lily                        女                        西城区旧鼓楼大街                        市场部                                   
                                                                                                    Henry                        男                        长安街故宫                        教学部

习题1：

      javascript8.html            
           
    
                                                                  全选                                       姓名                        性别                        地址                        部门                   
                                                                                                    Jim                        男                        海淀区万寿路                        市场部                   
                                                                                                    James                        男                        东城区牛街                        财务部                   
                                                                                                    Lucy                        女                        西城区旧鼓楼大街                        技术部                   
                                                                                                    Lily                        女                        丰台区永定河畔                        财务部                   
                                                                                                    Henry                        男                        长安街故宫                        市场部

习题2：

      homework2.html

习题3：

      homework3.html

设置标签样式中的display，可以将标签设置成隐藏和显示，当值为none的时候是隐藏，当值为inline的时候是显示

      javascript8.html            
           
    
                                                                  全选                                       姓名                        性别                        地址                        部门                   
                                                                                                    Jim                        男                        海淀区万寿路                        市场部                   
                                                                                                    James                        男                        东城区牛街                        财务部                   
                                                                                                    Lucy                        女                        西城区旧鼓楼大街                        技术部                   
                                                                                                    Lily                        女                        丰台区永定河畔                        财务部                   
                                                                                                    Henry                        男                        长安街故宫                        市场部

      addPerson.html            
           
    
                                              姓名：                                                                              
                                         性别：                                            男                    女                                  
                                         地址：                                                                              
                                         部门：

      chooseDept.html            
           
    
                                              选择                        部门名称                   
                                                                                                    市场部                   
                                                                                                    营销部                   
                                                                                                    人事部                   
                                                                                                    财务部                   
                                                                                                    研发部

Open窗口父子页面传值，采用子页面调用父页面函数的方式传值，形式如下：

在子页面中这样调用 window.opener.父页面函数，如果要传值的话，被调用的父页面的函数一定要有参数

成对儿的标签中间夹的那部份内容叫做innerHTML

javascript2.html

动态增加删除表格：

insertRow()增加一行

insertCell()增加一列

deleteRow()删除一行

      javascript3.html            
           
    
                                              选择                        顺序                        回复方式

      javascript4.html            
   
            用户名：
    
    
        密码：

      welcome.html        欢迎登录！

转载地址：http://ibrji.baihongyu.com/

你可能感兴趣的文章

支付宝生活号服务号用户信息获取 oauth2 登录对接 springboot java

查看>>

CodeForces #196(Div. 2) 337D Book of Evil （树形dp）

查看>>

uva 12260 - Free Goodies （dp，贪心 | 好题）

查看>>

uva-1427 Parade （单调队列优化dp）

查看>>

【设计模式】学习笔记14：状态模式（State）

查看>>

poj 1976 A Mini Locomotive （dp 二维01背包)

查看>>

斯坦福大学机器学习——因子分析（Factor analysis）

查看>>

linux对于没有写权限的文件如何保存退出vim

查看>>

IntelliJ IDEA 下的svn配置及使用的非常详细的图文总结

查看>>

【IntelliJ IDEA】idea导入项目只显示项目中的文件，不显示项目结构

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！

强烈建议你试试无所不能的CHAT-GPT，快点击我

一、初识JavaScript

二、入门JavaScript

alert（“提示内容”）

confirm(“提示内容”)

prompt(“提示内容”)

Q币充值

Q币充值

简易计算器JavaScript实现：

三、浏览器对象：

Window是javascript中所有对象的根对象，默认在使用的时候可以不直接写出，例如经常使用的alert()

习题1：

习题2：

习题3：

欢迎登录！

全选	姓名	性别	地址	部门
	Jim	男	海淀区万寿路	营销部
	James	男	丰台区航天科工大院	市场部
	Lucy	女	东城区牛街	人事部
	Lily	女	西城区旧鼓楼大街	市场部
	Henry	男	长安街故宫	教学部

选择	部门名称
	市场部
	营销部
	人事部
	财务部
	研发部