当前位置: 首页 > news >正文

JavaScript( 简介)

目录

含义

实例

js代码位置

1 外部引入js文件

2 在 HTML 中,JavaScript 代码必须位于  标签之间。

小结


含义

js是一门脚本语言,能够改变HTML内容

实例

getElementById() 是多个 JavaScript HTML 方法之一。

本例使用该方法来“查找” id="demo" 的 HTML 元素,并把元素内容(innerHTML)更改为 "Hello JavaScript"。

代码如下

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p>javascript 可以做什么</p><p id="demo1"> JavaScript 可以改变html 内容</p><button type="button" onclick='document.getElementById("demo1").innerHTML="Hello JavaScript!"'> 点击!!</button></body>
</html>

最终实现结果

注意:JavaScript 在书写 字符串时,同时支持单引号和双引号

    //"Hello JavaScript!"
    //'Hello JavaScript!'

js代码位置

1 外部引入js文件

注意:外部脚本不能包含 <script> 标签。

创建js文件,然后在HTML中script标签中引入。这种方式主要是因为有很多js代码如果全部写在html中,会显得拥挤,影响整体代码的布局,所以采用外部文件引入的方式

注意

  • ./ 符号表示当前目录。
  • ../符号表示上一级目录(../js/example01.js,就是从上级目录js-example 下寻找example01.js文件,这种情况,一般对应同级目录
  • ../ ../ 表示向上两级目录中寻找

2 在 HTML 中,JavaScript 代码必须位于 <script> 与 </script> 标签之间。

2.1 <head> 或 <body> 中的 JavaScript

<head> 中的 JavaScript

<body> 中的 JavaScript

小结

本篇博客,简单的介绍了js的含义和创建js位置

http://www.lryc.cn/news/432615.html

相关文章:

  • Linux中的编译器gcc/g++
  • RK3568安装部署Docker容器
  • Ubuntu 常用指令和作用解析
  • 2024国赛数学建模C题完整论文:农作物的种植策略
  • 【语音告警】博灵智能语音报警灯JavaScript循环播报场景实例-语音报警灯|声光报警器|网络信号灯
  • 指针与函数(三)
  • 锐捷网络2025届校园招聘正式启动,【NTA6dni】!
  • 共享内存喜欢沙县小吃
  • 五、Build构建配置:jar包换名、自行定义编译规则
  • Html、Css3动画效果
  • 【AIStarter:AI绘画、设计、对话】零基础入门:Llama 3.1 + 千问2快速部署
  • 多机编队—(1)ubuntu 配置Fast_Planner
  • 【数学建模经验贴】国赛拿到赛题后,该如何选题?
  • 如何快速融入大学课堂
  • el-table行编辑
  • OpenSSL Windows编译
  • 优化LabVIEW中TCP通信速度的方法
  • 【视频讲解】Python贝叶斯卷积神经网络分类胸部X光图像数据集实例
  • src/pyaudio/device_api.c:9:10: fatal error: portaudio.h: 没有那个文件或目录
  • 移动端视频编辑SDK解决方案,AI语音识别添加字幕
  • WIN11 ESP32 IDF + VSCODE 环境搭建[教程向]
  • Gemini AI 与 ChatGPT:哪个更适合为我策划婚礼?
  • log4j 同一线程隔离classloader下MDC信息不同问题解决 ThreadLocal问题分析
  • 【2024-2025源码+文档+调试讲解】微信小程序的城市公交查询系统
  • Android14音频进阶之定制ramdisk文件系统init服务(八十三)
  • Clickhouse 为什么这么快
  • 后仿真中《建立违例和保持违例》你死板思维了吗?
  • springboot启动时替换配置参数
  • postgres数据库中如何看查询是否走索引,以及在什么情况下走索引
  • AI预测福彩3D采取888=3策略+和值012路或胆码测试9月7日新模型预测第80弹