WEB安全之javascript基础(一):js的引入方法注释变量数据类型

news/2024/6/1 11:26:20/文章来源:https://blog.csdn.net/weixin_44891093/article/details/127151327

WEB安全之javascript基础(一):js的引入方法注释变量数据类型

  • 概述
  • 1、嵌入方法
    • 内嵌式
    • 外链式
    • 行内式
  • 2、语句
  • 3、注释
  • 4、变量
  • 5、JavaScript 保留关键字
  • 6、JavaScript 作用域
    • Javascrpt 局部变量
    • JavaScript 全局变量
  • 7、数据类型
    • 判断类型

概述

  • JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。
    诞生于1995年,当时的主要目的是验证表单的数据是否合法。
    JavaScript本来应该叫Livescript,但是在发布前夕,想搭上当时超热的java顺风车,临时把名字改为了JavaScript。(也就是说js跟java没有关系,当时只是想借助java的名气)。

  • javaScript 被用来改进设计、验证表单、检测浏览器、创建cookies,等等。JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比如: Internet Explorer、 Maxthon、Mozilla、Firefox、Netscape、Chrome和 Opera等。
    常用 (1)修改html及css代码 (2)验证表单

1、嵌入方法

内嵌式

理论上js可以写在任何一个地方 但是一般写在head标签里或者 body下

<script type="application/javascript">
alert("内嵌式");
</script>
<script>alert("内嵌式");</script>
  • 随便打开一个网页就查找到js的内嵌式
    在这里插入图片描述
  • 写一个最简单的
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

外链式

首先新建一个文件类型为.js的文件,然后在该文件中写js语句,通过script标签对引入到html页面中。

<script src="js文件路径地址">这里不能写js语句</script>
  • 新建一个JS项目
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

行内式

  • 直接书写在标签身上,是一个简写的事件,所以又称之为事件属性。 onclick单击事件
<input type="button" value="点我呀!" onclick="alert('暗月渗透测试培训');">
<button onclick="alert('恭喜你,加入暗月渗透测试培训');">点我呀!</button>
  • 在这里插入图片描述
    在这里插入图片描述
  • 在这里插入图片描述
    在这里插入图片描述

2、语句

  • 1.在编程语言中,这些编程指令被称为语句。
    JavaScript 程序就是一系列的编程语句。
    注释:在 HTML 中,JavaScript 程序由 web 浏览器执行。
  • 2.JavaScript 语句由以下构成:
    值、运算符、表达式、关键词和注释。
  • 3.用分号(;)分隔JavaScript语句。

3、注释

单行注释:		//	注释语句		快捷键ctrl+/
多行注释:		/* 注释语句 */    快捷键ctrl+shift+/   
注意:多行注释相互不能嵌套使用,只能在多行注释里面使用单行注释!

4、变量

  • 变量是用于存储信息的"容器"
    javascript单双引号没区别
var a=’moonsec’;

5、JavaScript 保留关键字

  • Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。
  • 在这里插入图片描述

6、JavaScript 作用域

Javascrpt 局部变量

  • 局部作用域 变量在函数内声明,变量为局部作用域。
function myFunction() {var carName = "Volvo";// 函数内可调用 carName 变量
}

在这里插入图片描述
在这里插入图片描述

  • 在这里插入图片描述
    在这里插入图片描述

JavaScript 全局变量

  • 变量在函数外定义,即为全局变量。
    全局变量有 全局作用域: 网页中所有脚本和函数均可使用。
var carName = " Volvo";
// 此处可调用 carName 变量
function myFunction() {// 函数内可调用 carName 变量
}
  • 在这里插入图片描述
    在这里插入图片描述

7、数据类型

  • 数值型:number(凡是数字都是数值型,不区分整数和小数)
    字符串:string(凡是引号包裹起来的内容全部都是字符串)
    布尔:boolean(true、false)
    对象类型:object(特殊取值null)
    未定义型:undefined
    对象类型 数组 字典
  • 在这里插入图片描述
  • 在这里插入图片描述

判断类型

var a = "iamstring.";
var b = 222;
var c= [1,2,3];
var d = new Date();
var e = function(){alert(111);};
var f = function(){this.name="22";}; 
alert(typeof a)  ------------> string
alert(typeof b)  ------------> number
alert(typeof c)  ------------> object
alert(typeof d)  ------------> object
alert(typeof e)  ------------> function
alert(typeof f)  ------------> function
  • 在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_395695.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【基于熵权-模糊综合评价法】《基于熵权-模糊综合评价法的施工项目风险评价研究》论文笔记(内附MATLAB代码)

原文链接&#xff1a;基于熵权-模糊综合评价法的施工项目风险评价研究 - 中国知网 (cnki.net) 【基于熵权-模糊综合评价法】《基于熵权-模糊综合评价法的施工项目风险评价研究》论文笔记&#xff08;内附MATLAB代码&#xff09; 文章目录 1.施工项目风险评价指标体系 2.构建…

BOOK DAO - 《元宇宙创意图谱》 提案发布

01 背景在元宇宙概念与行业应用落地爆发式发展的时代&#xff0c;元宇宙概念阐述与行业报告分析等专业文章产出呈纷乱混杂之势&#xff0c;水平可信度不一。集理论、项目解读、实践教程与科普综合为一体的读物尤为稀少&#xff0c;甚至可以说是出版行业的空白。大众接触元宇宙的…

sealos4.1部署Kubernetes集群

sealos4.1部署Kubernetes集群 环境 免密登录 对于没有给 机器登录密码&#xff08;比如 root 密码&#xff09; 的环境来说&#xff0c;可以登录节点后配置 ssh key &#xff0c;用于在执行 sealos 指令的节点 免密登录 安装节点&#xff08;包括 master 和 其他节点&#xf…

七种干豆类型预测分类 报告加代码

题目: 七种干豆类型预测分类 数据集介绍 干豆( Phaseolus vulgarisL.) 是世界许多地区的主食,加工使人们能够在日常饮食中消费和加入这种营养丰富的食物。国际食品信息理事会 (IFIC) 描述了五个加工级别的连续统一体;从最低限度加工到预制食品/膳食;而三个类别(组),最…

小程序校园商城毕业设计 springboot校园商铺微信小程序 java商铺管理系统 小程序商城 小程序购物商城(源代码+数据库+调试+讲解+文档)

&#x1f496;&#x1f496;作者&#xff1a;IT跃迁谷毕设展 &#x1f499;&#x1f499;个人简介&#xff1a;曾长期从事计算机专业培训教学&#xff0c;本人也热爱上课教学&#xff0c;语言擅长Java、微信小程序、Python、Golang、安卓Android等。平常会做一些项目定制化开发…

(附源码)计算机毕业设计ssm宠物短期寄养平台

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

【网络安全】渗透测试之木马免杀

博主昵称&#xff1a;跳楼梯企鹅博主主页面链接&#xff1a;博主主页传送门 博主专栏页面连接&#xff1a;专栏传送门--网路安全技术创作初心&#xff1a;本博客的初心为与技术朋友们相互交流&#xff0c;每个人的技术都存在短板&#xff0c;博主也是一样&#xff0c;虚心求教&…

如何把项目上传到Gitee

文章目录基本环境配置安装Git登录码云新建仓库设置SSH公钥通过命令把代码上传到码云推送到缓冲区总结提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 基本环境配置 安装Git Git下载安装教程 登录码云 Gitee官网 没有的可以注册一下 新建仓库 选择…

深度学习-【图像分类】学习笔记4VGG网络

文章目录4.1VGG网络详解及感受野的计算VGG详解CNN感受野4.2使用pytorch搭建VGG网络代码示例model.pytrain.pypredict.py4.1VGG网络详解及感受野的计算 VGG详解 CNN感受野 从上图看出&#xff0c;11 对应 22 对应 55。 感受野上&#xff0c; 2个3*3对应5*5&#xff0c;3个3*3对…

【SpringBoot+MyBatisPlus】系统全局异常处理器的使用以及添加员工功能的实现

文章目录前言一.完善登录功能二.添加员工功能三.异常处理的运用前言 承接上文【上文链接&#x1f517;】&#xff0c;设计完了登录与退出功能还只完成了冰山一角&#xff0c;经过测试发现&#xff0c;我们以url的方式来访问网站时可以直接跳过登陆页面进入后台页面&#xff0c…

大数据技术之Hive

目录 1.Hive入门 1.1 什么是Hive 1.2 Hive的数据存储 1.3 Hive的系统架构 1.4 Metastore 1.5 数据库与数据仓库的区别 2.Hive安装部署 2.1 下载 2.2 安装MySQL 2.3 安装hive 3.Hive基础使用 3.1 Hive操作之命令行方式 3.2 Hive操作之JDBC方式 3.3 查询后信息显示配…

【Android Studio程序开发】视图基础--设置视图的宽高

手机屏幕是块长方形区域&#xff0c;较短的那条边叫作宽&#xff0c;较长的那条边叫作高。App控件通常也是长方形状&#xff0c; 控件宽度通过属性android:layout_width表达&#xff0c;控件高度通过属性android:layout_height表达&#xff0c;宽高的 取值主要有下列3种&#x…

常见二叉树特点

文章目录二叉树特点二叉排序树&#xff08;BST树&#xff09;&#xff08;二叉搜索树&#xff09;平衡二叉树(AVL树)&#xff08;高度平衡的二叉排序树&#xff09;红黑树&#xff08;RB树&#xff09;完全二叉树满二叉树二叉树特点 在二叉树的第i层上至多有2的i-1次方个结点&…

读书笔记:软件工程(9) - 面向过程 - 可行性研究

可行性研究与项目开发计划 任何一个完整的软件工程项目都是从项目立项开始的。项目立项包括项目发起、项目论证、项目审核和项目立项4个过程。 项目论证过程也就是可行性研究过程。可行性研究就是指在开发项目之前&#xff0c;根据项目发起文件和实际情况&#xff0c;评估该项…

利用手机模拟器进行apk抓包分析

目录 前情提要 工具 fiddler配置 雷电模拟器 没有网络 一可能会是手机模拟器不允许网络&#xff0c; 更改下配置就好 二可能会是Android版本过高&#xff0c;证书不信任&#xff0c;导致没有网络或者网络延迟较高 前情提要 记录下相关操作&#xff0c;避免忘记 本文针对…

StackGAN 论文阅读笔记

StackGAN 论文阅读笔记 文章目录StackGAN 论文阅读笔记论文结构摘要原文核心研究背景Energy-Based(EB) GAN文本生成图像研究成果条件增强两阶段的GAN评价方式模型对比论文总结论文总结论文结构 IntroductionRelated WorkStacked Generative Adversarial Networks 3.1 Prelimin…

快速排序方法3——前后指针法

前言 在之前的博客中&#xff0c;我讲解了关于快速排序实现的两种方法&#xff1a;Hoare法与挖坑法&#xff0c;今天来说一说第三种方法——前后指针法&#xff0c;这种方法主要也是找出基准数&#xff0c;放到序列的中间位置后采用递归进行分割序列&#xff0c;最终得出…

球谐函数(环境光照)

球谐函数&#xff08;spherical harmonics&#xff09;本身是来自物理学的一个概念&#xff0c;是对定义在球面上的函数的分解&#xff0c;类似于傅里叶变换是对一维函数的分解一样。傅里叶变换将一维函数分解为不同频率的正弦函数的累加&#xff0c;而球谐函数将球面上的函数分…

侵略行为游戏mod修改教程

如果我们想修改单位的生命值、运动速度、防御力等等。可以通过修改工具&#xff0c;改成我们想要的参数。 我们主要是修改.dat文件&#xff0c;需要用到工具moddingSuite&#xff0c;在教程最后会提供所有工具的下载链接。 1、我们打开moddingSuite 点击file->open打开文件…

Python中优雅的字典技巧总结

1. 引言 在日常工作中&#xff0c;大家都需要进行字典的相关操作&#xff0c;对于某些初学者&#xff0c;经常会写一堆繁琐的代码来实现某项简单的功能。本篇文章重点介绍一些在Python中关于字典的一些简单技巧&#xff0c;熟练掌握相关技巧可以极大提升大家的工作效率。 闲话…