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 ...
随机推荐
- XUnit数据共享与并行测试
引言 在单元或者集成测试的过程中,需要测试的用例非常多,如果测试是一条一条过,那么需要花费不少的时间.从 V2 开始,默认情况下 XUnit 自动配置并行(参考资料),大大提升了测试速度.本文将对 A ...
- 在chatGPT的帮助下成功从Rancher中删除无效的集群
只要你坚持,不放弃,问题总有解决的一天! 与chatgpt进行了几次沟通,成功解决历史遗留问题,成功从rancher中删除了无效的集群 chatGPT回答1 如果您在 Rancher UI 中无法删除 ...
- 2022-05-29:为了不断提高用户使用的体验,开发团队正在对产品进行全方位的开发和优化。 已知开发团队共有若干名成员,skills[i] 表示第 i 名开发人员掌握技能列表。 如果两名成员各自拥有
2022-05-29:为了不断提高用户使用的体验,开发团队正在对产品进行全方位的开发和优化. 已知开发团队共有若干名成员,skills[i] 表示第 i 名开发人员掌握技能列表. 如果两名成员各自拥有 ...
- 2022-02-06:等差数列划分 II - 子序列。 给你一个整数数组 nums ,返回 nums 中所有 等差子序列 的数目。 如果一个序列中 至少有三个元素 ,并且任意两个相邻元素之差相同,则称
2022-02-06:等差数列划分 II - 子序列. 给你一个整数数组 nums ,返回 nums 中所有 等差子序列 的数目. 如果一个序列中 至少有三个元素 ,并且任意两个相邻元素之差相同,则称 ...
- values_list() 元组形式显示查询结果
values_list() 元组形式显示查询结果 name,age为数据库的两个列 Student.objects.values_list('name','age') values_list() 元组 ...
- PostgreSQL一站式插件推荐 -- pg_enterprise_views
近日发现PG官方插件列表中新收录了一款插件 pg_enterprise_views,因为官方已经数年未添新的插件了很是新奇,找了台设备测试过后果断上了生产,得空分享给大家. 该插件提供了数十张系统表及 ...
- 一天吃透Spring面试八股文
内容摘自我的学习网站:topjavaer.cn Spring是一个轻量级的开源开发框架,主要用于管理 Java 应用程序中的组件和对象,并提供各种服务,如事务管理.安全控制.面向切面编程和远程访问等. ...
- 【一步步开发AI运动小程序】十一、人体关键点跳跃追踪
随着人工智能技术的不断发展,阿里体育等IT大厂,推出的"乐动力"."天天跳绳"AI运动APP,让云上运动会.线上运动会.健身打卡.AI体育指导等概念空前火热.那 ...
- API NEWS | 三个Argo CD API漏洞
欢迎大家围观小阑精心整理的API安全最新资讯,在这里你能看到最专业.最前沿的API安全技术和产业资讯,我们提供关于全球API安全资讯与信息安全深度观察. 本周,我们带来的分享如下: 关于三个Argo ...
- php通用用户首页及模板输出代码实例
<?phpnamespace Common\Controller;use Think\Controller;class DefaultController extends Controller ...