首页 > 其他分享 >HTML与CSS(浅学一下)-----6:

HTML与CSS(浅学一下)-----6:

时间:2022-08-19 22:44:58浏览次数:54  
标签:标签 JavaScript js alert HTML ----- JS CSS

HTML与CSS(浅学一下):




JavaScript:

Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端,需要运行浏览器来解析执行 JavaScript 代码。

JS 是 Netscape 网景公司的产品,最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript。


JS 是弱类型,Java 是强类型。



特点:

  1. 交互性(它可以做的就是信息的动态交互)

  2. 安全性(不允许直接访问本地硬盘)

  3. 跨平台性(只要是可以解释 JS 的浏览器都可以执行,和平台无关)


JavaScript html 代码的结合方式 :



第一种方式:


只需要在 head 标签中,或者在 body 标签中, 使用 script 标签 来书写 JavaScript 代码。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript">
    //alert 是JS提供的一个警告框函数
    alert("hello JavaScript!")
  </script>
</head>
<body>

</body>
</html>



第二种方式:


创建一个js文件在文件里面写具体内容。

//  1.js文件

alert("1125 hello");

在html中引用js文件。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <script type="text/javascript" src="1.js"></script>
<!--

js 文件路径(可以是相对路径,也可以是绝对路径) 
script 标签可以用来定义 js 代码,也可以用来引入 js 文件 但是,两个功能二选一使用。
不能同时使用两个功能。
-->
    
    
</head>
<body>

</body>
</html>




注意:

两种方式不能写在同一个script标签里面。

需要写在不同的script标签里面。

例如:

  <script type="text/javascript">
    alert("hello JavaScript!")
  </script>

  <script type="text/javascript" src="1.js"></script>



标签:标签,JavaScript,js,alert,HTML,-----,JS,CSS
From: https://www.cnblogs.com/LJY-YSWZ/p/16603543.html

相关文章

  • 运维脚本---------实时流量
    #cat/proc/net/dev查看的是所有硬件设备的网络传输情况,查到的是累计值#想要传输实时,则需要将下一秒(下一时间)获得的值减去前一秒(当前时间)#!/bin/bashNIC=$1echo-......
  • 前端学习之------Ajax入门
    传统网站中的问题:网速慢得情况下,页面加载事件长,用户只能等待;表单提交后,如果一项内容不合格,需要重新填写所有表单内容;页面跳转,需要重新加载页面,造成资源浪费,增加用户等......
  • python-docx操作word
    python-docx学习资料比较不错的,随后附上 用于修改表格边框的函数及相关网站OfficeOpenXML(OOXML)-WordProcessing-TableBordersfromdocx.oxmlimportOxmlE......
  • k8s--DaemonSet(DS) 控制器
    介绍DaemonSet类型的控制器可以保证在集群中的每一台(或指定)节点上都运行一个副本。一般用于日志收集、节点监控等场景。也就是说,如果一个pod提供的功能是节点级别的(每......
  • 2022-08-19 第五组 赖哲栋 学习笔记
    Statement的不足大量的字符串拼接,代码可读性降低sql注入PreparedStatement预编译(预加载)接口通过conn获取的对象是statement接口的子接口sql语句中可以传参。......
  • sql-面试题
    TopN问题需要确定使用什么排名函数,包含三种函数:row_number()、rank()、dense_rank()每个班级的分数为前3名的学生--建表语句createtablescore(sidstring,classstr......
  • 运维脚本------一键查询服务器利用率
    #一键查看服务器利用率#1、CPU利用率60%#命令top,vmstat#2、内存利用率#命令free-m#3、监控磁盘的利用率#命令df-Th#4、tcp连接状态侧面反映并发情......
  • 2022-08-19 第二小组 张鑫 学习笔记
    实训四十一天JDBC(PreparedStatement,事务)1.学习重点1.PreparedStatement2.事务处理2.学习心得今天是在黑夜中学习的一天...3.学习内容PreparedStatementStatement......
  • 指数分布的分布函数和概率密度函数的推导,牢记指数分布的分布函数为1-e^(-λx)
    指数分布的分布函数和概率密度函数的推导,牢记指数分布的分布函数为1-e^(-λx)前言:重在记录,可能出错。之前推导出了泊松分布的概率公式——泊松分布概率公式的推导,现在推......
  • 现代企业架构框架-数据架构
    现代企业架构框架:https://mp.weixin.qq.com/s/SlrEu0_t0slijrNZ6DP4Ng业务架构:https://mp.weixin.qq.com/s/zQCjiHuxFvAg5QiOAuLAcQ应用架构:https://mp.weixin.qq.com......