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运算符的更多相关文章

  1. SSH深度历险(八) 剖析SSH核心原理+Spring依赖注入的三种方式

           在java开发中,程序员在某个类中需要依赖其它类的方法,则通常是new一个依赖类再调用类实例的方法,这种开发存在的问题是new的类实例不好统一管理,spring提出了依赖注入的思想,即依 ...

  2. 引入CSS的三种方式

    虽然入职已经大半年,并自诩前端工程师,但是我真的不会……(有一种我有罪我该死的感觉 从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种. 1.内联式 内联式css样式表就 ...

  3. WebKit JavaScript Binding添加新DOM对象的三种方式

    一.基础知识 首先WebKit IDL并非完全遵循Web IDL,只是借鉴使用.WebKit官网提供了一份说明(WebKitIDL),比如Web IDL称"operation”(操作), 而 ...

  4. 黄聪:C#获取网页HTML内容的三种方式

    C#通常有三种方法获取网页内容,使用WebClient.WebBrowser或者HttpWebRequest/HttpWebResponse. 方法一:使用WebClient static void ...

  5. css文件引人的三种方式

    前言 1995年,W3C发布了CSS草案 1996年,W3C正式推出CSS1 1998年,推出CSS2 2001年从CSS3开始,CSS这门语言分割成多个独立的模块,每个模块独立分级,且只包含一小部分 ...

  6. Linux 软件安装的三种方式

    Linux 软件安装的三种方式 1.yum ​ 语法格式: ​ yum -y install package.name ​ -y yes # 遇到提示自动输入yes ​ 案例: 安装ifconfig命 ...

  7. Android中WebView的JavaScript代码和本地代码交互的三种方式

    一.Android中WebView的漏洞分析最近在开发过程中遇到一个问题,就是WebView使用的时候,还是需要解决之前系统(4.2之前)导致的一个漏洞,虽然现在这个系统版本用户很少了,但是也不能忽视 ...

  8. Javascript定义类(class)的三种方法

    将近20年前,Javascript诞生的时候,只是一种简单的网页脚本语言.如果你忘了填写用户名,它就跳出一个警告. 如今,它变得几乎无所不能,从前端到后端,有着各种匪夷所思的用途.程序员用它完成越来越 ...

  9. JavaScript声明全局变量的三种方式

    JavaScript声明全局变量的三种方式   JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍. 声明方式一: 使用var(关键字)+变量名(标识符)的方式在function外部声明,即为 ...

  10. 使用javascript实现在页面打印的效果的三种方式

    <div id="console"></div> <script type="text/javascript"> var c ...

随机推荐

  1. 18年CCCC赛后总结

    C4赛后总结: 我正式入坑以来,大约5个月,这也是我第一次出去参与这样正式的比赛,其实比赛结果并不尽人意,但有很多还是需要记录下来的,通过这次比赛的确获得了很多的比赛经验: 一赛前: 其实赛前的状态, ...

  2. 2020-11-10:golang中的接口,类型不空,值为空,如何判断是nil?

    福哥答案2020-11-10: reflect.ValueOf(接口变量).IsNil(),用这个即可判断.对于值类型,会panic.两种方法如下:1.异常判断:recover捕获.2.类型判断:re ...

  3. django4 前后端分离和不分离的优缺点

    Django4可以采用前后端分离或者不分离两种方式来开发Web应用,它们各有优缺点. 前后端分离的优点: 前后端职责分离:前端负责视图展示.用户交互,后端负责数据处理.逻辑处理,分工明确,开发效率高. ...

  4. select_related和prefetch_related函数

    在数据库存在外键的其情况下,使用select_related()和prefetch_related()很大程度上减少对数据库的请求次数以提高性能 在表中查找数据的时候,使用外键表related_nam ...

  5. SRE方法论之拥抱风险

    一.系统不可能100%可靠 系统不可能100%可靠,人都不可能100%健康,更何况我们人类创造的系统?所以,任何软件系统都不应该一味地追求 100%可靠.事实证明,可靠性超过一定值后,再提高可靠性对于 ...

  6. 域名配置动态代理后,为什么每次 ping 还是相同的 ip?

    当你配置了域名的动态代理后,ping 命令所显示的 IP 地址不会随着代理服务器的变化而变化. 这是因为 ping 命令使用了 DNS 缓存,它会将域名解析结果缓存到本地,直到缓存过期或者手动清除缓存 ...

  7. 神经网络初步(Neural Network)——思想 具体实例以及代码实现

    在前面我们详细的讨论过softmax损失函数以及SVM损失函数,以及应用了支持向量机进行图片分类的任务,不妨先复习一下支持向量机相关的思想内核:支持向量机想要寻求一组映射关系f(x)=wx+b,先将每 ...

  8. pyhton 自动化进阶学习1 合并excel 报表,然后进行的透视表操作

    import xlrd import xlsxwriter import osimport pandas as pdimport numpy as np# 对合并报表进行透视# 待续# 获取文件夹所有 ...

  9. vue模拟el-table演示插槽用法

    vue模拟el-table演示插槽用法 很多人知道插槽分为三种,但是实际到elementui当中为什么这么用,就一脸懵逼,接下来就跟大家聊一聊插槽在elementui中的应用,并且自己写一个类似el- ...

  10. JS逆向实战16——猿人学第20题 新年挑战-wasm进阶

    声明 本文章中所有内容仅供学习交流,抓包内容.敏感网址.数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! 网站 https://ma ...