web js基础2

最新推荐文章于 2023-04-02 16:41:17 发布
最新推荐文章于 2023-04-02 16:41:17 发布
阅读量226 收藏
点赞数
分类专栏： web公选课
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44382711/article/details/106813405
版权

https://mooc1-1.chaoxing.com/mycourse/studentstudy?chapterId=320371036&courseId=206817619&clazzid=27165653&enc=7aba5691fb454c23b5175ab47a161701

文章目录

在这里插入图片描述
在这里插入图片描述

Js运算

在这里插入图片描述
在这里插入图片描述

赋值运算符

在这里插入图片描述

算术运算符

在这里插入图片描述

字符串

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

逻辑运算符

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

短路

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

关系运算符

在这里插入图片描述

在这里插入图片描述

字符串比较

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

相等性（不只有等于）

在这里插入图片描述

== 和 ！=

在这里插入图片描述

在这里插入图片描述

特殊情况

在这里插入图片描述

===，执行判断前不进行任何类型转换

在这里插入图片描述

在这里插入图片描述

条件运算符

在这里插入图片描述

（布尔表达式）

在这里插入图片描述

条件语句

在这里插入图片描述

if

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

switch

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

循环

在这里插入图片描述

概述

在这里插入图片描述

for

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

for-in

for（x in object）所有属性和方法（变量名称）

在这里插入图片描述

具体看例子

在这里插入图片描述

在这里插入图片描述

while

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

do-while

在这里插入图片描述

在这里插入图片描述

break continue

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

Js函数

在这里插入图片描述

基本结构

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

调用

在这里插入图片描述

任意位置，事件中调用

在这里插入图片描述

在这里插入图片描述

返回值

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

！！！！！ 全局函数：eval

在这里插入图片描述
在这里插入图片描述

DOM

在这里插入图片描述

查找HTML元素

在这里插入图片描述

通过id查找 document.getElementById("")

在这里插入图片描述

在这里插入图片描述

标签名 document.getElementsByTagName

在这里插入图片描述

在这里插入图片描述

类名document.getElementsByClassName

在这里插入图片描述

在这里插入图片描述

DOM HTML

在这里插入图片描述

动态HTML
document.write动态输出

在这里插入图片描述

在这里插入图片描述

改变 innerHTML

在这里插入图片描述
在这里插入图片描述

改变属性

在这里插入图片描述

改变属性的另一种方法

在这里插入图片描述

在这里插入图片描述

DOM CSS

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

DOM事件（EVENT）

在这里插入图片描述

onclick

在这里插入图片描述

直接写或写成函数都行

在这里插入图片描述

在这里插入图片描述

DOM节点 动态添加删除

在这里插入图片描述

添加HTML元素

在这里插入图片描述

创建后的属性修改

在这里插入图片描述

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
</head>

<body>
    <div id="didid">12121</div>
    <button onclick="aaa()"></button>
    <script>
        eval("x=20;y=30;document.write('x wei'+x+' '+y)");
        document.write("<br/>")
        document.write("565656")
        function aaa(){
            var mymi
            var didid
            for (var i = 0; i < 6; i++) {
                mymi= document.createElement("div");
                if(i%2==1){
                    mymi.style.background = "black";
                }
                else{
                    mymi.style.background = "red";

                }
                mymi.style.color="white";
                mymi.style.height="30px";
                mymi.innerHTML="asdasdad";
                didid = document.getElementById("didid");
                didid.appendChild(mymi);
            }
            

        }
       

    </script>
</body>
</html>

在这里插入图片描述
js中如何动态的在body中添加一个div？

删除

在这里插入图片描述

可以获取父元素或子元素的方式定位

在这里插入图片描述

在这里插入图片描述

BOM

在这里插入图片描述

在这里插入图片描述

window对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

Screen对象

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
####、 Location对象
在这里插入图片描述

在这里插入图片描述

History对象（实现上级下级功能）

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

Navigator对象：获取浏览器信息

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

新川宝宝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript js基础用法 示例代码
06-07
本资源主要是关于js基础用法的示例代码 内容包含了js变量定义 js输入输出 js转义符 js注释和编码规范 JavaScript 是一种广泛使用的脚本语言，主要用于网页和Web应用程序的客户端开发。 JavaScript（简称JS）是一种...
webJs.rar基础资料
11-05
JS对象递归遍历
holiday19950913的博客
11-25 5872
总所周知，遍历对象的属性用for（x in  object）。但是，如果遍历的对象结构是二叉树，这种方法显然不够用了，所以下需要用递归遍历对象查找数据的方法： var tree = { "id": 0, "name": "root", "left": { "id": 1, "name": "Simon",
web3.js 基础
chinusyan的专栏
10-28 2099
web3.js
Web前端——JavaScript基础
硝酸童不酸的博客
10-24 977
简要介绍了 JavaScript 的基本语法、BOM 对象及简单的 DOM 操作
Web前端基础——Javascript(JS)
weixin_40013461的博客
09-06 1422
针对JavaScript简单做了解，熟悉基础使用方式。
Web安全入门之JavaScript基础
weixin_62319197的博客
06-28 900
我们知道作为Web开发人员必须学会 HTML CSS JavaScript这3门语言 才能够自己写出一个Web页面所以html 和JavaScript对我们学习Web安全来说很重要，如果你连最简单HTML代码都看不懂的话还这么分析网页源代码？ 如果连很简单的JS代码都读不懂 那XSS漏洞你肯定是学不会的 。这里我简单讲一下JavaScript吧！JavaScript虽然名字中有java但是它和Java一点关系也没有 。JavaScript 1995年诞生，它的出现主要是用于处理网页中的前端验证。所谓前端认
web渗透之JavaScript基础
qq_40480474的博客
04-05 4330
　　大家好啊！我是小菜鸟，一个想学渗透的小白。有志同道合的小伙伴就快加入我吧！欢迎大家指正错误的地方。记得三连鼓励哦！ 　　JavaScript对于后面的ｘｓｓ跨站脚本很有用。等我慢慢更新吧！ JavaScript:一门客户端脚本语言 JavaScript的组成： 1，ECMAScript：基本的语法和对象 2，BOM:浏览器模型，与浏览器进行交互 3，DOM:文档模型，与网页内容进行交互 JavaScript有三种写法： 1.内嵌式： <script>alert('我是小菜
web3.js基础知识简单汇总
lqins的博客
09-06 3460
使用JavaScript 来开发 DApp时，很多时候需要使用到 web3.js。当然，也可以选择使用ethers.js。
web---JS基础知识
Allure泽宇的博客
12-11 1424
js的基础知识总结
【Web 基础】JavaScript 简介
weixin_44211968的博客
05-10 1182
文章目录一、JavaScript 简介二、为什么学习 JavaScript三、JavaScript 用法1. script 标签2. JavaScript 函数和事件3. 在 head 或者 body 的JavaScript4. 外部的 JavaScript参考链接 一、JavaScript 简介 JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都使用 JavaScript。 二、为什么学习 JavaScript JavaScript 是 web 开发人员必须学习的 3 门语言
Web ApIs 和 JS 基础关联性 JavaScript
2202_75549187的博客
04-02 89
Web ApIs 和 JS 基础关联性
头歌教学实践平台 Web前端开发基础 JavaScript学习手册六：JS条件语句
01-20
JavaScript是Web前端开发的核心语言之一，它为网页和应用程序提供了动态交互的能力。在JavaScript中，条件语句是控制程序流程的重要工具，它们允许我们根据不同的条件执行不同的代码块，从而实现逻辑判断和决策。本...
web前端工程师JavaScript基础入门路径学习专题课程
06-28
第一阶段: JavaScript基础语法 第1课 JavaScript语法 本课程讲解JavaScript的语法、数据类型、基本算数和逻辑运算操作 第2课 JavaScript流程控制语句 掌握JavaScript中条件分支语句和循环语句的使用，用简洁的代码...
Web编程基础 CSS、JavaScript、jQuery
01-10
Web编程基础 CSS、JavaScript、jQuery 使用超星阅读器才能打开
Caché数据库及其特性.pdf
07-19
本文对Caché数据库相关概念、架构、前景、特性、实现及应用进行了简洁的介绍和阐述，并用较大篇幅对Caché数据库独一无二的架构设计和特性实现进行了详细的说明和解释，期间，结合实例对相关概念和知识进行了解析，以期各位同学对该数据库进行初步了解和学习，为进一步深入学习和掌握打下良好的基础。
使用Richardson-Lucy反褶积的压缩光场显微镜（SLIM）3D重建Matlab代码.rar
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
Java集合框架学习xmind文件①
最新发布
07-19
Java基础学习、集合框架
基于Springboot的自习室管理和预约系统设计与实现论文
07-19
传统信息管理方式存在显著不足，首先耗时较长，其次数据错误率较高，且错误数据更正难度大，最后数据检索过程也颇为繁琐费力。因此，引入自习室管理和预约系统软件，旨在发挥其高效信息处理的能力，以优化信息管理流程，使管理工作更加系统化和程序化。同时，该系统的有效运用还能助力管理人员准确快速地处理信息。 在开发自习室管理和预约系统时，我们对于开发工具的选择尤为谨慎。为了便于开发与实现，我们选择了IDEA作为开发工具，并采用Mysql作为数据库工具。以此为基础搭建的开发环境，成功实现了自习室管理和预约系统的多项功能，包括管理员对用户和新闻公告的管理。 自习室管理和预约系统是一款基于软件开发技术精心打造的应用系统，它在信息处理方面展现出卓越的性能。无论是数据添加、数据维护与统计，还是数据查询等处理需求，该系统都能轻松胜任，展现出其强大的处理能力。
JavaScript入门：交互式Web开发基础
JavaScript基础入门.ppt JavaScript,一种轻量级的脚本语言，起源于Netscape公司的产品，最初被称为LiveScript，后来为了与Sun Microsystems的Java区分，改名为JavaScript。尽管名字相似，但两者实际上是完全不同的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值