Javascript执行原理 网页引入javascript的三种方式* javascript核心语法 数据类型 Typeof运算符
Javascript执行原理:
用户端发送请求到服务器端
将js解析出来的数据(用户身份表示)绑定在请求路径中
服务器端获取到参数后会响应客户端
客户端通过浏览器解析响应的数据并将数据展现在浏览器上
网页引入javascript的三种方式*:
使用script标签
<script type=“text/javascript”>alert( 123 );</script>
使用外部引入的方式(在html的js文件夹中新建一个javascript的文件)
<script src=“js/文件地址.js”type=“text/javascript”></script>
Html标签内部引入 onclick(被点击时发生变化)
<input type="button" value="触发"onclick="javascript:alert(123);"/>
javascript核心语法:
变量:js变量存储变量这个变量值会赋给变量名(变量名=变量值)代表的含义即:将变量值赋给变量名
如何使用变量:定义一个变量名(var 变量名;)
给变量名赋值(变量名=变量值)
输出变量=[alert=(变量名)] var name name="123" alert("我的名字是:"+name);
同时定义一个变量 var name=“王二麻子” alert(“我的名字是:”+name);
变量的特殊写法:name=“王二麻子” alert(“我的名字是:”+name);省略var 直接给变量名赋值
数据类型:
number 数字类型(typeof()代表的含义是查询括号内参数的类型)
var age=18;
alert(typeof(age));
string 字符串类型:被双引号或者单引号圈起来的内容,类型就是string
var from=“中国”;
alert(typeof(from));
boolean 布尔类型:(别的类型的值有很多,布尔类型的值只有true或者false;只有对错)
var xxx=true;(真的;对的)
var xxx=false;(假的;错的)
alert(typrof(xxx));
undefined类型:对对象定义了但是没有赋值就是undefinded类型
var weight;
alert(typeof(weight));(正常来说var weight后面应该跟着被赋予的值)
null类型:
null==undefined代表两者等价
typeof(null)代表的含义是null属于父类型object类型
var sex=null;
alert(null==undefined);
typeof运算符:{}特殊符号代表类型是对象; [ ]特殊符号代表类型是数组
var id={};
alert(typeof(id));
var id=[ ];
alert(typeof(id));
string类型:
length属性特点:获取某个字符串的长度,利用length属性(空格也算)
var xxx=“my name is liuxin”;
alert(xxx.length);
charAt()可返回指定位置的字符:document.write(向文档中写入内容
name="hellow world";
document.write("第二位的位置:”+name.charAt(2));
indexOf():
可返回某个指定的字符串在字符串中首次出现的位置。如果没有找到匹配的字符串则返回-1(indexOf区分大小写)
var name="hellow world,my name is liuxin";
var n=name.indexOf("is");
document.write(n)
(这么写因为这里没有输出alert,所以用document.write把n的结果写出来。)
Javascript执行原理 网页引入javascript的三种方式* javascript核心语法 数据类型 Typeof运算符的更多相关文章
- SSH深度历险(八) 剖析SSH核心原理+Spring依赖注入的三种方式
在java开发中,程序员在某个类中需要依赖其它类的方法,则通常是new一个依赖类再调用类实例的方法,这种开发存在的问题是new的类实例不好统一管理,spring提出了依赖注入的思想,即依 ...
- 引入CSS的三种方式
虽然入职已经大半年,并自诩前端工程师,但是我真的不会……(有一种我有罪我该死的感觉 从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种. 1.内联式 内联式css样式表就 ...
- WebKit JavaScript Binding添加新DOM对象的三种方式
一.基础知识 首先WebKit IDL并非完全遵循Web IDL,只是借鉴使用.WebKit官网提供了一份说明(WebKitIDL),比如Web IDL称"operation”(操作), 而 ...
- 黄聪:C#获取网页HTML内容的三种方式
C#通常有三种方法获取网页内容,使用WebClient.WebBrowser或者HttpWebRequest/HttpWebResponse. 方法一:使用WebClient static void ...
- css文件引人的三种方式
前言 1995年,W3C发布了CSS草案 1996年,W3C正式推出CSS1 1998年,推出CSS2 2001年从CSS3开始,CSS这门语言分割成多个独立的模块,每个模块独立分级,且只包含一小部分 ...
- Linux 软件安装的三种方式
Linux 软件安装的三种方式 1.yum 语法格式: yum -y install package.name -y yes # 遇到提示自动输入yes 案例: 安装ifconfig命 ...
- Android中WebView的JavaScript代码和本地代码交互的三种方式
一.Android中WebView的漏洞分析最近在开发过程中遇到一个问题,就是WebView使用的时候,还是需要解决之前系统(4.2之前)导致的一个漏洞,虽然现在这个系统版本用户很少了,但是也不能忽视 ...
- Javascript定义类(class)的三种方法
将近20年前,Javascript诞生的时候,只是一种简单的网页脚本语言.如果你忘了填写用户名,它就跳出一个警告. 如今,它变得几乎无所不能,从前端到后端,有着各种匪夷所思的用途.程序员用它完成越来越 ...
- JavaScript声明全局变量的三种方式
JavaScript声明全局变量的三种方式 JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍. 声明方式一: 使用var(关键字)+变量名(标识符)的方式在function外部声明,即为 ...
- 使用javascript实现在页面打印的效果的三种方式
<div id="console"></div> <script type="text/javascript"> var c ...
随机推荐
- 18年CCCC赛后总结
C4赛后总结: 我正式入坑以来,大约5个月,这也是我第一次出去参与这样正式的比赛,其实比赛结果并不尽人意,但有很多还是需要记录下来的,通过这次比赛的确获得了很多的比赛经验: 一赛前: 其实赛前的状态, ...
- 2020-11-10:golang中的接口,类型不空,值为空,如何判断是nil?
福哥答案2020-11-10: reflect.ValueOf(接口变量).IsNil(),用这个即可判断.对于值类型,会panic.两种方法如下:1.异常判断:recover捕获.2.类型判断:re ...
- django4 前后端分离和不分离的优缺点
Django4可以采用前后端分离或者不分离两种方式来开发Web应用,它们各有优缺点. 前后端分离的优点: 前后端职责分离:前端负责视图展示.用户交互,后端负责数据处理.逻辑处理,分工明确,开发效率高. ...
- select_related和prefetch_related函数
在数据库存在外键的其情况下,使用select_related()和prefetch_related()很大程度上减少对数据库的请求次数以提高性能 在表中查找数据的时候,使用外键表related_nam ...
- SRE方法论之拥抱风险
一.系统不可能100%可靠 系统不可能100%可靠,人都不可能100%健康,更何况我们人类创造的系统?所以,任何软件系统都不应该一味地追求 100%可靠.事实证明,可靠性超过一定值后,再提高可靠性对于 ...
- 域名配置动态代理后,为什么每次 ping 还是相同的 ip?
当你配置了域名的动态代理后,ping 命令所显示的 IP 地址不会随着代理服务器的变化而变化. 这是因为 ping 命令使用了 DNS 缓存,它会将域名解析结果缓存到本地,直到缓存过期或者手动清除缓存 ...
- 神经网络初步(Neural Network)——思想 具体实例以及代码实现
在前面我们详细的讨论过softmax损失函数以及SVM损失函数,以及应用了支持向量机进行图片分类的任务,不妨先复习一下支持向量机相关的思想内核:支持向量机想要寻求一组映射关系f(x)=wx+b,先将每 ...
- pyhton 自动化进阶学习1 合并excel 报表,然后进行的透视表操作
import xlrd import xlsxwriter import osimport pandas as pdimport numpy as np# 对合并报表进行透视# 待续# 获取文件夹所有 ...
- vue模拟el-table演示插槽用法
vue模拟el-table演示插槽用法 很多人知道插槽分为三种,但是实际到elementui当中为什么这么用,就一脸懵逼,接下来就跟大家聊一聊插槽在elementui中的应用,并且自己写一个类似el- ...
- JS逆向实战16——猿人学第20题 新年挑战-wasm进阶
声明 本文章中所有内容仅供学习交流,抓包内容.敏感网址.数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! 网站 https://ma ...