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

js简介以及在html中的2种使用方式(hello world)

简介

javascript :是一个跨平台的脚本语言;是一种轻量级的编程语言。

JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。

HTML: 结构

css: 表现

JS: 行为

HTML+CSS 只能称之为静态网页,加入js网页则有了灵魂称之为动态网页

脚本语言的特点:

不能独立运行,要依赖网页;

可插入 HTML 页面的编程代码。

插入 HTML 页面后,可由所有的现代浏览器执行。

javascript 在网页中使用的两种方式:

方式1:直接在script标签中编写;

方式2:引用外部js代码

注意

1.可以有多个script标签,多个script标签都是自上而下顺序执行

2.alert()的作用:控制浏览器弹出一个警告对话框

方式1实例:直接在script标签中编写

1.新建一个html文件(如:demo.html),并将下述内容写入文件中

<!DOCTYPE HTML><html><title>hello world</title><body></body>
</html>

2.在html文件中插入一个script标签

<script>alert("hello world"); </script>
<script>alert("hello world-2"); </script>

 

3.将html文件用浏览器打开,即可看见hello world

点击确定后,可以看见hello world-2

demo.html完整文件内容如下:

<!DOCTYPE HTML>
<html><title>hello world</title><body><script>alert("hello world"); </script><script>alert("hello world-2"); </script></body>
</html>

方式2实例:引用外部js代码

1.新建一个html文件(如:demo.html),并将下述内容写入文件中

<!DOCTYPE HTML><html><title>hello world</title><body></body>
</html>

2.在html文件(如:demo.html)同目录下新建一个js文件(如:demojs.js),并将下述内容写入文件中

alert("hello world");

3.在html文件中引用外部js代码(如:demojs.js)

<script src="./demojs.js">alert("hello world-2");</script>
<script>alert("hello world-3");</script>

 

4.将html文件用浏览器打开,即可看见hello world

点击确定后,可以看见hello world-3

demo.html完整文件内容如下:

<!DOCTYPE HTML>
<html><title>hello world</title><body><script src="./demojs.js">alert("hello world-2");</script><script>alert("hello world-3");</script></body>
</html>

注意:script标签一旦引入外部文件,就不能编写代码了,即使写了浏览器也会自动忽略。

如果需要再创建一个script代码即可。

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

相关文章:

  • vsCode使用cuda
  • ubuntu无法使用apt命令时怎么安装库
  • 防火墙firewall
  • 拿来即用,自己封装的 axios
  • Hadoop小结(下)
  • 使用老北鼻AI免费GPT对话解决gun make安装和解析iso9660的问题
  • shell脚本语句
  • 【LeetCode】2235.两整数相加
  • springboot sl4j2 写入日志到mysql
  • 用 PyTorch 编写分布式应用程序
  • 空间分析专属 Python 学习资料
  • 2. Linux Server 20.04 Qt5.14.2配置Jetson Orin Nano Developer Kit 交叉编译环境
  • vue入门
  • 区块链中slot、epoch、以及在slot和epoch中的出块机制,分叉原理(自己备用)
  • 免费开源的vue+express搭建的后台管理系统
  • 【开发】视频云存储EasyCVR视频汇聚平台AI智能算法定制
  • Ribbon:负载均衡及Ribbon
  • 【声波】声波在硼酸、硫酸镁 (MgSO4) 和纯水中的吸收研究(Matlab代码实现)
  • 使用swoole实现实时消息推送给客户端
  • Ordinals 之后,以太坊铭文协议 Ethscriptions 如何再塑 NFT 资产形态
  • Python绘制爱心代码(七夕限定版)
  • Java两整数相除向上取整
  • Linux学习之Telnet明文漏洞
  • 产品经理如何提高用户画像效果?SIKT模型
  • ubuntu安装Microsoft Edge并设置为中文
  • Host/ KVM/ Docker/ K8s/ OpenStack/ Mesos简单介绍和区别
  • 关于Transformer中的位置编码
  • ABAP 期初库存批量导入 demo1
  • 想用 Python 写游戏,都有哪些好用的游戏开发库?
  • vue3 路由缓存问题