前端——表单的属性和标签&JavaScript

最新推荐文章于 2024-07-12 16:55:56 发布

啊铮

最新推荐文章于 2024-07-12 16:55:56 发布

阅读量90

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_53308984/article/details/132232740

版权

文章目录

表单
JavaScript

表单

在这里插入图片描述
表单标签

JavaScript

js基础语法

区分大小写
每行结尾的分号可有可无
单行注释：//注释内容；多行注释：/注释内容/

输出语句：

window.alert() 写出警告框
document.write() 写入HTML输出
console.log() 写入浏览器控制台

变量：

javascript用var（variable的缩写）关键字来声明变量
javascript是一门弱语言，变量可以存放不同类型的值

<script>
    {
        var a = 1
        a = 'A'
    }
    alert(a)
</script>

由以上例子可知，用var关键字声明的变量有两个特性：作用域比较大，全局变量；可以重复定义。
在最新的ES6中新增了两种关键字let和const。let声明的变量只能在代码块中有效，const用来声明一个常量，一旦赋值不能改变。

数据类型：
五个原始类型
在这里插入图片描述

在JavaScript中通过typeof判断字符类型

运算符：
在这里插入图片描述
==（等于）会进行类型转换，而===（全等于）不会进行类型转换

<script>
    var a = 10
    alert(a == '10') //true
    alert(a === '10') //false
    alert(a === 10) //true
</script>

类型转换：
字符串类型转为数字，可以使用全局方法parseInt和parseFloat。如果不是数字返回NaN（not a number）

<script>
    alert(parseInt('123')) //123
    alert(parseInt('3.14')) //3
    alert(parseFloat('3.14')) //3.14
    alert(parseInt('12A34')) //12
    alert(parseInt('A34')) //NaN
</script>

其他类型转boolean类型，number的0和NaN、String的空字符串、null和undefined均是false，其他都是true。

js函数

在这里插入图片描述

<script>
    // 定义函数方式一
    function add(a, b) {
        return a + b
    }

    // 定义函数方式二
    var add2 = function(a, b) {
        return a + b
    }

    var c = add2(10, 20, 30, 40) // js中可以传递任意个参数
    alert(c) // 30
</script>

js对象

自定义对象

在这里插入图片描述

Array对象

<script>
    // 定义方式一  var arr = new Array(1, 2, 3, 4)
    var arr = [1, 2, 3, 4] // 定义方式二
    console.log(arr);

    // 特点：长度可变，类型可变，类似java中的list集合
    arr[10] = 'A'
    console.log(arr);
    console.log(typeof arr[9]); // 4~9的类型都是undefined
</script>

在这里插入图片描述

<script>
    var arr = [1, 2, 3, 4]
    arr[6] = 'A'

    // 遍历所有元素
    for (let i = 0; i < arr.length; i++) {
        const element = arr[i];
        console.log(arr[i]);
    }

    // 遍历有值元素
    arr.forEach(function (params) {
        console.log(params);
    })

    // 箭头函数简化以上写法
    arr.forEach(params => console.log(params))

    // 放到最后
    arr.push('我爱编程')

    // splice(startNumber, deleteCount)
    arr.splice(2, 2)
    console.log('----------------');
    arr.forEach(params => console.log(params))
</script>

String对象

在这里插入图片描述

<script>
    var s = "hello world"
    console.log(s.charAt(1)); //e
    console.log(s.indexOf("lo")); //3
    console.log(s.substring(0, 5)); //hello，和java一样含头不含尾
</script>

Json对象

在这里插入图片描述

<script>
    var userString = '{"name":"Tom","age":"30","address":["北京","上海"]}'
    console.log(userString.name); //undefined,类型是字符串
    var obj = JSON.parse(userString)
    console.log(obj.name); //Tom
    var objString = JSON.stringify(obj)
    console.log(objString);
</script>