JavaScript入门

回忆丶搁浅

于 2019-10-15 17:03:57 发布

阅读量82

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_45460315/article/details/102556763

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.JavaScript的应用

（1）表单验证

（2）网页界面的验证

（3）异步数据请求

2.JavaScript的嵌入方式

（1）行内

 <h1 onclick="javascript:alert('Hello world');">点击</h1>

（2）内嵌

<script language="javascript">
    alert("Hello World");
    
</script>

（3）引入

<script src="路径/文件名.js" type=“text/javascript”></script>

3.javaScript函数

function 函数名（参数列表）{
    方法体
}

4.JavaScript的特点

（1）简单性，解释性脚本语言

（2）事件驱动-动态性

（3）跨平台性，JavaScript依赖于Web浏览器与系统无关

（4）基于对象的语言

（5）节约与服务器的交互时间，在提交数据之间可以先进行判断

5.JavaScript的数据类型（原始类型和引用类型）

（1）数值型（number）、字符串型（string）、布尔型（boolean）。

数值型常量包括整型常量与实型常量
    整型常量：能使用十进制、八进制、十六进制
    实型常量：整数加小数组成

（2）引用类型主要指对象（Object）类型和函数。另外有两种特殊的数据类型：未定义（undefined）和空类型（null）

（3）数值型常量，布尔常量，字符串常量，undefined的值未定义常量，NULL值

（4）几个特殊值

Infinity：正无限大
-Infinity：负无限大
NaN：表示不是数值

（5）JavaScript的转义字符

\b:退格
\f:走纸换页
\n：换行
\r:回车
\\:反斜杠
\":双引号
\'：单引号
\t：横向跳格

6.数值转换

Number（参数）：把参数转换成数字，如果不是数就返回NaN
parseInt(参数)：转成十进制整数，遇到字符停止转换
parseFloat（参数）：把参数转换成浮点型，遇到字符停止转换
转换表达式.toString()：装换表达式可以为字符串、数值、布尔类型都有toString方法，但null与undefined没有
Boolean（value）：参数value
    （1）数值类型：若为0或NaN，则转为false，否则转为true
    （2）字符串：若为空字符串（“”），则转换为false ，否则为true
    （3）其他对象：若存在，则转为true，否则为false
    （4）undefined，转换成false
    （5）null转换成false

7.运算符和表达式

（1）算数表达式

加减乘除（+-*/）
%：求余数
++：累加，自增
--：递减，自减

（2）比较运算符

==：等于
===：全等（值和类型）
！= ：不等于
> 大于
< 小于
>= 大于等于
<= 小于等于

（3）逻辑运算符

&& 与
|| 或
！ 非

（4）赋值运算符

= 赋值符
+=  例 a+=1与a=a+1一样
-=
*=
/=
%=

（5）位运算符

运算符	描述	例子	结果
·~	位NOT	~10	-11
&	位and	10&6	2
\|	位OR	10\|6	14
^	位XOR	10^6	12
<<	向左移位	1<<2	4
>>	向右移位	16>>1	8
>>>	向右无号位移	16>>>1	8

（6）其他运算符

运算符	描述
()	用于改变运算优先级
，	分割表达式
？：	三目运算符格式L条件？表达式1：表达式2，若条件取true则选择表达式1，否则取false
delect	删除一个元素或者数组元素
instanceof	object instanceof class 判断一个对象是否是一个类的实例
new	创建一个新的对象实例
typeof	返回表达式的类型
void	使表达式无返回值

例个人税计算器

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>个人所得税计算器</title>
         <script language="javascript">
             function cal(){
                var money =parseFloat(document.myform.money.value);  
                var base =parseFloat(document.myform.base.value);
                if(money<base){
                    alert("工资低于起证额");
                    return;
                }
                var dice=money-base;
                if(dice<1000){
                    dice=dice/100*5;
                }else if(dice<3000){
                    dice=dice/100*10;
                }else{
                    dice=dice/100*10;
                }
                document.myform.tax.value=dice;
             }
         </script>
    </head>
    <body>
        <form  name="myform" action="" method="POST">
            <table border="1" cellpadding="0" cellspacing="0" align="center">
                <caption>个人所得税计算器</caption>
                <tr>
                    <th >请输入工资：</th>
                    <th ><input type="text" name="money" id="money" placeholder="请输入工资"></th>
                </tr>
                <tr>
                    <th >请输入起证额：</th>
                    <th ><input type="text" name="base" placeholder="请输入起证额"></th>
                </tr>
                <tr>
                    <th >个人应交金额：</th>
                    <th ><input disabled="true"name="tax" type="text"value="0"></th>
                </tr>
                <tr>
                    <th colspan="2">
                    <input type="button" onclick="cal()" value="提交">&nbsp;
                    <input type="reset" value="重置"></th>
                </tr>
            </table>
            
        </form>
    </body>
</html>

回忆丶搁浅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript入门

1.JavaScript的应用（1）表单验证（2）网页界面的验证（3）异步数据请求2.JavaScript的嵌入方式（1）行内 <h1 onclick="javascript:alert('Hello world');">点击</h1>（2）内嵌<script language="javascript"> alert...
复制链接

扫一扫