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 ...
随机推荐
- Hibernate 基本操作、懒加载以及缓存
前言 上一篇咱们介绍了 Hibernate 以及写了一个 Hibernate 的工具类,快速入门体验了一波 Hibernate 的使用,我们只需通过 Session 对象就能实现数据库的操作了. 现在 ...
- Spring中TranslationDefinition接口规定的七种类型的事务传播行为及其意思
- 2022-02-27:k8s安装yapi,yaml如何写?
2022-02-27:k8s安装yapi,yaml如何写? 答案2022-02-27: yaml如下: apiVersion: apps/v1 kind: Deployment metadata: l ...
- POJ - 2251 地下城主
You are trapped in a 3D dungeon and need to find the quickest way out! The dungeon is composed of un ...
- .Net使用第三方onnx或ModelBuilder轻松接入AI模型
ML.Net - 开源的跨平台机器学习框架 支持CPU/GPU训练 轻松简洁的预测代码 可扩展其他的机器学习平台 跨平台 1.使用Visual Studio的Model Builder训练和使用模型 ...
- 2023-05-24:为什么要使用Redis做缓存?
2023-05-24:为什么要使用Redis做缓存? 答案2023-05-24: 缓存的好处 买啤酒和喝啤酒的例子可以帮助我们理解缓存的好处. 假设你在超市里买了一箱啤酒,如果你需要每次想喝啤酒就去超 ...
- K8s Pod状态与容器探针
1.pod的调度流程及常见状态 1.1.pod的调度流程 Pod创建过程如上图所示,首先用户向apiserver发送创建pod的请求,apiserver收到用于创建pod请求后,对应会对该用户身份信息 ...
- MySQL中字符串查询效率大比拼
背景 最近有个同事对字符串加索引,加完后,发现多了个奇奇怪怪的数字执行的SQL如下: alter table string_index_test add index `idx_name` (`name ...
- HashMap 以及多线程基本感念
接口 Map :映射项,(键值对 ) 的容器注意: 键 是唯一的 值 是可以重复的实现类 HashMap :哈希表结构 允许使用null值 和 null 键 线程不安全 键唯一 无序 linkedHa ...
- 【LeetCode.384打乱数组】Knuth洗牌算法详解
前两天看网易面筋得知网易云的随机歌曲播放使用了这个算法,遂找题来做做学习一下 打乱数组 https://leetcode.cn/problems/shuffle-an-array/ 给你一个整数数组 ...