js基础

最新推荐文章于 2020-11-12 11:55:11 发布
最新推荐文章于 2020-11-12 11:55:11 发布
阅读量120 收藏
点赞数
分类专栏： 课程 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xyw_jzj5201314/article/details/109633622
版权

js基础

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // dom
        // var div = document.querySelector("div");
        // div.style.width="100px";
        // div.style.height="100px";
        // div.style.backgroundColor='red'
        // 1.js的数据类型 typeOF 检测数据类型
        // var num=10 声明一个变量名是num 值是10

        // 转换数值
        // 1.  parseInt()
        // 区别： parseInt保留整数，去掉小数  parseFloat保留小数 Number()保留小数
        // 如果包含字母 parseInt干掉字母 parseFloat干掉字母 Number--NaN
        // var str = "10.1a";
        // console.log(parseInt(str))
        // console.log(parseFloat(str))
        // console.log(Number(str))
        // 转换字符
        // var num = 10;
        // console.log(num.toString())
        // console.log(String(num))
        //     // 转换布尔： 0 false undefined null "" NaN
        // console.log(Boolean(10))

        // if (条件成立){
        //     alert(10)
        // }else{
        //     alert(3)
        // }
        // if(5>3){
        //     alert(5)
        // }else if(6>3){
        //     alert(3)
        // }else if(7>3){
        //     alert(7)
        // }else{
        //     alert(1)
        // }

        // var num = 2;
        // switch (num) {
        //     case 1:
        //         alert("星期一");
        //         break;
        //     case 2:
        //         alert("星期二");
        //         break;
        //     case 3:
        //         alert("星期三");
        //         break;
        //     case 4:
        //         alert("星期四");
        //         break;
        //     case 5:
        //         alert("星期五");
        //         break;
        //     case 6:
        //         alert("星期六");
        //         break;
        //     case 7:
        //         alert("星期日");
        //         break;
        //     default:
        //         alert("亲，没有对应的星期")
        // }

        // var name = "木槿";
        // var sex = "女"
        // var age = "20"
        // console.log("我的姓名是" + name + "我的性别是" + sex + "我的年龄是" + age)
        // console.log(`我的姓名是${name}我的性别是${sex}我的年龄是${age}`)


        // 求1-100之间累加
        var sum = 0;
        for (var i = 1; 1 <= 100; i++) {
            sum += i;

        }
        console.log(1)
            // 求1-100之间跳过个位数是3的
        for (var i = 1; 1 <= 100; i++) {
            if (i % 10 != 3) {
                console.log(i)
            }
        }
        // 求1-100之间能被3和5整除的数
        for (var i = 1; 1 <= 100; i++) {
            if (i % 3 == 0 && i % 5 == 0) {
                console.log(i)
            }
        }

        // 求1-100之间第三个能被3和5整除的数
        var num = 0;
        for (var i = 1; 1 <= 100; i++) {
            if (i % 3 == 0 && i % 5 == 0) {
                num++
                if (num == 3)
                    console.log(i);
                // 跳出整个循环
                break;
            }
        }

        // 数组
        // 一组数据
        var arr = [1, false, undefined, "123", 5];
        console.log(arr.length)
        console.log(arr[0])
        console.log(arr[1])
        console.log(arr[2])
        console.log(arr[3])
        console.log(arr[4])
        console.log(arr[5]) //undefined
            // 1.求数组中的最大值 最大索引
        for (var i = 0; i < arr.length; i++) {
            if (max < arr[i]) {
                max = arr[i]
                maxIndex = i
            }
        }
        console.log(max)
        console.log(maxIndex)
            // 2.求数组中的总和 平均值
        var arr = [1, 2, 3, 4, 5];
        var sum = 0;
        for (var i = 0; i < arr.length; i++) {
            sum += arr[i]
        }
        sum / arr.length

        // 函数  一段可重复使用的代码块 函数的使用 定义函数
        function fn() {
            var sum = 0;
            for (var i = 1; i <= 100; i++) {
                sum += i
            }
            return sum;
        }

        // 函数的调用



        // 求任意数之间的和
        function fn(start, end) {
            var sum = 0;
            for (var i = start; i <= end; i++) {
                sum += i
            }
            return sum;
            // console.log(1)
        }
        // console.log(fn(1,5))

        // 求数组的最大值
        // 无参
        // function fn() {
        //     var arr = [1, 2, 3, 4, 5];
        //     var max = arr[0];
        //     for (var i = 0; i < arr.length; i++) {
        //         if (max < arr[i]) {
        //             max = arr[i]
        //         }
        //     }
        //     return max;
        // }
        // console.log(fn())
        //     // 有参
        // function fn(ary) {
        //     var max = ary[0];
        //     for (var i = 0; i < ary.length; i++) {
        //         if (max < ary[i]) {
        //             max = ary[i]
        //         }
        //     }
        //     return max;
        // }
        // var ary = [1, 2, 3, 4, 5]
        // console.log(fn(ary))

        // // 作用域
        // // 全局作用域 和 局部作用域   
        // // 在函数外部的就是全局作用域----全局变量
        // // 在函数内部的就是局部作用域----局部变量
        // // 局部可以访问全局  --  全部访问不了局部
        // function fn() {
        //     var num = 10
        // }
        // console.log(num)
        // var num = 10;

        // function fn() {
        //     function fn1() {
        //         function fn2() {
        //             function fn3() {
        //                 console.log(num)
        //             }
        //         }
        //     }
        // }

        // 对象
        // var obj = {
        //         name = "mujin"
        //         age = "20"
        //         sex = "女"
        //     }
        //     // 对象：更加直观的看数据
        //     // 对象的定义：
        // var 对象名 = {
        //     属性： 属性值
        //     属性： 属性值
        // }
        // 创建一个 可爱对象 包含 姓名 年龄 性别 爱好

        // var qet = {
        //     sex: "男",
        //     name: "宝宝",
        //     age: 17,
        //     hobby: "钓鱼"
        // };
        // // 访问对象
        // console.log(qet.name)
        // console.log(qet["name"])

        // // 构造函数
        // function Person(name, age, sex) {
        //     this.name = name;
        //     this.age = age;
        //     this.sex = sex
        // }
        // var p = new Person("宝宝", 17, "男")
        // console.log(p.age)



        // var arr=[1,2,3,4,5]
        // pop() push() shift() unshift() concat() join() reverse() sort() splice()
        // arr.pop() 删除最后一个元素
        // arr.push(6) 向数组的尾部添加内容
    </script>
</head>
<body>
</body>
</html>
木槿晞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript js基础用法 示例代码
06-07
本资源主要是关于js基础用法的示例代码 内容包含了js变量定义 js输入输出 js转义符 js注释和编码规范 JavaScript 是一种广泛使用的脚本语言，主要用于网页和Web应用程序的客户端开发。 JavaScript（简称JS）是一种...
JavaScript js基础学习 示例代码
07-03
JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础...
jsjavascript基础教程.zip
05-09
javascript基础 javascript游戏开发之贪吃蛇项目 javascript高级 nodejs开发 nosql数据之Mongodb 【javascript基础】 01-javascript的概述.md 02-字面量和变量.md 03-数据类型和typeof操作符.md 04-运算符.md 05-...
js基础知识点思维导图
11-29
以上是JavaScript基础知识点的部分概述，理解并掌握这些概念是成为合格的JS开发者的基础。通过持续学习和实践，可以深入探索更高级的主题，如AJAX、前端框架（如React、Vue）、Node.js后端开发等。
Javascript基础.xmind
07-31
JavaScript基础三天总结
360开机动画
xyw_jzj5201314的博客
11-11 1113
360开机动画 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box { width: 322px; position: fixed; bottom: 0; r
菜单栏
xyw_jzj5201314的博客
11-09 648
菜单栏 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .menu {
简单案例
xyw_jzj5201314的博客
11-11 490
简单综合案例 demo1 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>
淘宝精品服饰案例
xyw_jzj5201314的博客
11-11 442
淘宝精品服饰案例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; font-size: 12px;
实训项目
xyw_jzj5201314的博客
11-11 416
实训项目–京东商城 1.项目目标 a.商品分类列表展示 b.商品分类新增 c.七牛云文件上传 d.登录业务 e.验证码 f.记住密码 g.腾讯滑动验证 h.单点登录 2.京东商城项目概要设计 3.京东商城项目详细设计 4、门户系统商品分类列表展示 5、管理员系统商品分类列表展示 6、商品分类新增功能实现 7、登录相关功能实现 7、单点登录功能实现 8.具体功能设计与实现 1.商品分类列表展示功能的设计与实现 @Service @Transactional public class Goo
节点操作
xyw_jzj5201314的博客
11-12 232
节点操作 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> &lt
户口所在地项目
xyw_jzj5201314的博客
11-09 210
户口所在地项目 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>
页面跳转
xyw_jzj5201314的博客
11-12 206
页面跳转 01页面 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div
下拉菜单
xyw_jzj5201314的博客
11-11 178
下拉菜单 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul {
样式相关操作
xyw_jzj5201314的博客
11-12 178
样式相关操作 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <button>点击&l
倾斜度
xyw_jzj5201314的博客
11-09 174
倾斜度 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div {
微博新闻项目
xyw_jzj5201314的博客
11-09 138
微博新闻项目 // <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet"
表单
xyw_jzj5201314的博客
11-12 124
表单 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <d
javaScript基础
最新发布
07-04
以下是一些JavaScript的基础概念： 1. **变量**：在JavaScript中，不需要预先声明就可以使用变量。可以直接赋值给变量名。例如： ```javascript let name = "John Doe"; ``` 2. **数据类型**：主要有字符串...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值