JavaScript简述

news/2024/12/4 4:41:18/

JavaScript简述

    • JavaScript简介
    • JS用法
    • JavaScript输出
      • window.alert()
      • document.write()
      • innerHTML()
      • console.log()

JavaScript简介

JavaScript是脚本语言,可用于HTML和web。
JavaScript是一种轻量级的编程语言。
JavaScript是可插入HTML页面的编程代码。
JavaScript插入HTML页面后,可由所有的现代浏览器执行。

JS和HTML、CSS的区别:
1、HTML定义了网页的内容
2、CSS描述了网页的格局
3、JavaScript控制了网页的行为

JS用法

HTML中的JavaScript脚本代码必须位于< script>和< /script>标签之间。
JavaScript脚本代码可以被放置在HTML页面的< body>和< head>之中.
通常的做法就是把函数放到 < head>之中,或者放在页面底部,这样就可以把他们安置到同一处位置,不会干扰页面的内容。

JavaScript输出

JavaScript没有任何打印或者输出的函数,例如print。
但是JavaScript可以使用不同的方式进行输出数据:

  • 使用window.alert()弹出警告框
  • 使用document.write()方法将内容写到HTML文档中
  • 使用innerHTML写入到HTML元素
  • 使用console.log()写到浏览器的控制台

window.alert()

<DocType html>
<html><head><meta charset="utf-8"><title>大帅逼</title></head><body >   </body><script>window.alert("666");</script>
</html>

在这里插入图片描述

document.write()

<DocType html>
<html><head><meta charset="utf-8"><title>大帅逼</title></head><body >   </body><script>document.write("hello world!");</script>
</html>

在这里插入图片描述

innerHTML()

<DocType html>
<html><head><meta charset="utf-8"><title>大帅逼</title></head><body >   </body><p id="test">修改之前的内容</p><script>//document.getElementById("test").innerHTML;这里如果不指定的话,那就是原样输出document.getElementById("test").innerHTML="这里还可以进行修改";</script>
</html>

console.log()

<DocType html>
<html><head><meta charset="utf-8"><title>大帅逼</title></head><body >   </body><script>console.log("hello world");</script>
</html>

在这里插入图片描述


http://www.ppmy.cn/news/29857.html

相关文章

Java 多线程 --- 线程协作 wait/notify

Java 多线程 --- 线程协作 wait/notifywait / notifyObject.wait() , Object.notify() / notifyAll()notify 和 wait 的原理notify会导致死锁的问题wait / notify的开销以及问题wait / notify 在多线程中, 如果程序拿到锁之后, 但是没有满足指定条件而不能继续往下执行, 我们可…

使用ECharts打造一个数据可视化面板

使用ECharts打造一个数据可视化面板1. 使用技术2. 案例适配方案3. 基础设置4. header 布局5. mainbox 主体模块6. 公共面板模块 panel7. 柱形图 bar 模块&#xff08;布局&#xff09;8. 中间布局9. ECharts 介绍10. ECharts 体验11. ECharts 基础配置12. 柱状图图表&#xff0…

Java switch case 语句

Java 的 switch case 语句是一种常用的控制流语句&#xff0c;用于基于不同的输入值执行不同的操作。本文将详细介绍 Java switch case 语句的作用、用法以及在实际工作中的应用。 一、switch case 语句的作用 switch case 语句是一种多分支条件语句&#xff0c;它基于不同的输…

【数据结构】单链表的实现

&#x1f307;个人主页&#xff1a;平凡的小苏 &#x1f4da;学习格言&#xff1a;别人可以拷贝我的模式&#xff0c;但不能拷贝我不断往前的激情 &#x1f6f8;C语言专栏&#xff1a;https://blog.csdn.net/vhhhbb/category_12174730.html &#x1f680;数据结构专栏&#xff…

数据结构(一)(嵌入式学习)

数据结构干货总结&#xff08;一&#xff09;基础线性表的顺序表示线性表的链式表示单链表双链表循环链表循环单链表循环双链表栈顺序存储链式存储队列队列的定义队列的常见基本操作队列的顺序存储结构顺序队列循环队列队列的链式存储结构树概念二叉树二叉树的创建基础 数据&a…

【基础算法】双指针---最长连续不重复子序列

&#x1f339;作者:云小逸 &#x1f4dd;个人主页:云小逸的主页 &#x1f4dd;Github:云小逸的Github &#x1f91f;motto:要敢于一个人默默的面对自己&#xff0c;强大自己才是核心。不要等到什么都没有了&#xff0c;才下定决心去做。种一颗树&#xff0c;最好的时间是十年前…

成功解决configure: error: the HTTP rewrite module requires the PCRE library

文章目录 前言问题复现问题解决思考环节总结前言 大家好,我是沐风晓月,本专栏是记录日常实验中的所有疑难杂症,教程的安装,程序的bug,甚至各类报错,如果你也遇到了困惑和问题,欢迎与我一起交流学习。 另外不要解决完问题就结束了,思考环节也要好好看看哦。 问题复现…

移除元素(每日一题)

目录 一、题目描述 二、题目分析 2.1 方法一 2.1.1 思路 2.1.2 代码 2.2 方法二 2.2.1 思路 2.2.2 代码 一、题目描述 题目链接&#xff1a;27. 移除元素 - 力扣&#xff08;LeetCode&#xff09; 给你一个数组 nums 和一个值 val&#xff0c;你需要 原地 移除所有数…