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. Hibernate 基本操作、懒加载以及缓存

    前言 上一篇咱们介绍了 Hibernate 以及写了一个 Hibernate 的工具类,快速入门体验了一波 Hibernate 的使用,我们只需通过 Session 对象就能实现数据库的操作了. 现在 ...

  2. Spring中TranslationDefinition接口规定的七种类型的事务传播行为及其意思

  3. 2022-02-27:k8s安装yapi,yaml如何写?

    2022-02-27:k8s安装yapi,yaml如何写? 答案2022-02-27: yaml如下: apiVersion: apps/v1 kind: Deployment metadata: l ...

  4. POJ - 2251 地下城主

    You are trapped in a 3D dungeon and need to find the quickest way out! The dungeon is composed of un ...

  5. .Net使用第三方onnx或ModelBuilder轻松接入AI模型

    ML.Net - 开源的跨平台机器学习框架 支持CPU/GPU训练 轻松简洁的预测代码 可扩展其他的机器学习平台 跨平台 1.使用Visual Studio的Model Builder训练和使用模型 ...

  6. 2023-05-24:为什么要使用Redis做缓存?

    2023-05-24:为什么要使用Redis做缓存? 答案2023-05-24: 缓存的好处 买啤酒和喝啤酒的例子可以帮助我们理解缓存的好处. 假设你在超市里买了一箱啤酒,如果你需要每次想喝啤酒就去超 ...

  7. K8s Pod状态与容器探针

    1.pod的调度流程及常见状态 1.1.pod的调度流程 Pod创建过程如上图所示,首先用户向apiserver发送创建pod的请求,apiserver收到用于创建pod请求后,对应会对该用户身份信息 ...

  8. MySQL中字符串查询效率大比拼

    背景 最近有个同事对字符串加索引,加完后,发现多了个奇奇怪怪的数字执行的SQL如下: alter table string_index_test add index `idx_name` (`name ...

  9. HashMap 以及多线程基本感念

    接口 Map :映射项,(键值对 ) 的容器注意: 键 是唯一的 值 是可以重复的实现类 HashMap :哈希表结构 允许使用null值 和 null 键 线程不安全 键唯一 无序 linkedHa ...

  10. 【LeetCode.384打乱数组】Knuth洗牌算法详解

    前两天看网易面筋得知网易云的随机歌曲播放使用了这个算法,遂找题来做做学习一下 打乱数组 https://leetcode.cn/problems/shuffle-an-array/ 给你一个整数数组 ...