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

JavaScript概述

一、JavaScript简介:

        JavaScript是互联网上流行的脚本语言,可用于HTML和web,可广泛应用于服务器、PC、笔记本、平板电脑和智能手机等设备。

JavaScript是一种轻量级的编程语言,可插入HTML页面的编程代码,插入HTML页面后,可由浏览器执行。

二、JavaScript用法:

HTML中的JavaScript脚本代码必须位于<script>与</script>标签之间,可放置在HTML页面的<body>和<ahead>部分。示例:

<script>

alert("hi JavaScript");

</script>

1)、<body>中的JavaScript:

<body>

<p>

JavaScript 写入 HTML 输出流中:

</p>

<script>

document.write("<h1>这是一个标题</h1>");

document.write("<p>这是一个段落。</p>");

</script>

</body>

2)、<head>中的JavaScript函数:

<head>

<meta charset="utf-8">

<title>www.example.com</title>

<script>

function myFunction(){

document.getElementById("demo").innerHTML="hi,JavaScript";

}

</script>

</head>

3)、<body>中的JavaScript函数

<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">一个段落。</p>

<button type="button" οnclick="myFunction()">点击这里</button>

<script>

function myFunction(){

document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";

}

</script>

</body>

4)、外部的JavaScript:

<body>

<script src="jsf.js"></script>

</body>

三、JavaScript输出:

JavaScript美誉任何打印或者输出的函数,JavaScript输出数据可以通过以下方式:使用window.alert()弹出警告框;使用document.write()方法将内容写到HTML文档中;使用innerHTML写入HTML元素;使用console.log()写入到浏览器的控制台。

1)、window.alert():

<script>

window.alert(9 + 6);

</script>

2)、document.write():

<script>

document.write(Date());

</script>

3)、innerHTML:

<script>

document.getElementById("demo").innerHTML="段落已调整。";

</script>

4)、console.log():

<script>

a = 6;

b = 8;

c = a + b;

console.log(c);

</script>

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

相关文章:

  • Solidity案例详解(四)投票智能合约
  • Linux系统编程——进程中vfork函数
  • 敏感数据是什么?包含哪些?如何保障安全?
  • Leadshop开源商城小程序源码 – 支持公众号H5
  • Scala---方法与函数
  • 【C++】泛型编程 ④ ( 函数模板 与 普通函数 调用规则 | 类型自动转换 | 类型自动转换 + 显式指定泛型类型 )
  • 基于ChatGPT的文本生成艺术框架—WordArt Designer
  • 服务名无效。 请键入 NET HELPMSG 2185以获得更多的帮助
  • UE5——C++编译MSB3073报错
  • 自己动手实现一个深度学习算法——六、与学习相关的技巧
  • Maven间接依赖
  • Java架构师分布式搜索数据准确性解决方案
  • Clickhouse学习笔记
  • vim——“Linux”
  • 【QT深入理解】QT中的几种常用的排序函数
  • 自压缩llm 为 超长记忆
  • Perl的LWP::UserAgent库爬虫程序怎么写
  • 【算法】算法题-20231116
  • 微软允许OEM对Win10不提供关闭Secure Boot
  • 海康G5系列(armv7l) heop模式下交叉编译Qt qmqtt demo,出现moc缺少高版本GLibc问题之解决
  • gRPC协议详解
  • 虹科方案 | 从概念到生产的自动驾驶软件在环(SiL)测试解决方案
  • demo(二)eurekaribbon----服务注册、提供与消费
  • 2023年09月 Python(五级)真题解析#中国电子学会#全国青少年软件编程等级考试
  • python3.8 安装 ssl 模块 和 _ctypes 模块
  • 阿里云99元ECS云服务器老用户也能买,续费同价!
  • 如何使用内网穿透实现远程公网访问windows node.js的服务端
  • WordPress 媒体库文件夹管理插件 FileBird v5.5.4和谐版下载
  • websocket学习笔记【springboot+websocket聊天室demo】
  • echarts:graph图表拖拽节点