JavaScript的基础应用
<!DOCTYPE html>
<!--JavaScript基础1-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> <idv> script> alert("JavaScript基础1 演示 ") </idv> <script>
alert("JavaScript基础1 演示 ");
</script> </body>
</html>
JavaScript基础1
<!DOCTYPE html>
<!--JavaScript基础2-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> <idv> "JavaScript基础 输入框 演示 " </idv>
<input type="text" id="user">
<input type="button" onclick="GetData()" value="点我提交">
<script>
function GetData() {
var i = document.getElementById("user");
alert(i.value);
}
</script> </body>
</html>
JavaScript基础2
<!DOCTYPE html>
<!--JavaScript基础3-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*CSS代码*/
</style>
<script>
/*JavaScript代码*/
alert(" head里 JavaScript基础3 演示 ");
</script>
</head>
<body> <idv> JavaScript代码存在的形式 </idv> </body>
</html>
JavaScript基础3
<!DOCTYPE html>
<!--JavaScript基础4-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="commons.js"> </script>
</head>
<body> <idv> 倒入commons.js文件，执行文件内容 </idv> </body>
</html>
JavaScript基础4
<!DOCTYPE html>
<!--JavaScript基础5-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> <script type="text/javascript">
//type="text/javascript"默认值，可写可不写
//javascript代码
alert("type=“text/javascript”默认值，可写可不写 ");
</script> </head>
<body> <idv> script type=“text/javascript”默认值，可写可不写 </idv> </body>
</html>
JavaScript基础5
<!DOCTYPE html>
<!--JavaScript基础6-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://www.dsgdsfgg.com/commons.js">应该移动到body最下面 </script>
</head>
<body> <h1> https://www.dsgdsfgg.com/commons.js是个假地址</h1>
<h1> 从上往下执行，找不到地址就会卡住 </h1>
<h1> script放在上面有风险，所以应该把script放在body标签的最下面 </h1> </body>
</html>
JavaScript基础6
<!DOCTYPE html>
<!--JavaScript基础7-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> <idv>
python:<br/>
name = '局部变量'<br/>
def 定义函数()：内容<br/>
javascript:<br/>
name = '全局变量'<br/>
var name = '局部变量'<br/>
function 定义函数(){内容}<br/>
</idv> <script>
name ='alex';
function func() {
var name = 'eric'
}
</script> </body>
</html>
JavaScript基础7
<!DOCTYPE html>
<!--JavaScript基础4-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="commons.js"> </script>
</head>
<body> <idv> 倒入commons.js文件，执行文件内容 </idv> </body>
</html>
JavaScript基础4 commons.js
<!DOCTYPE html>
<!--JavaScript字符串操作以及跑马灯示例1-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> <div>临时测试代码，用浏览器的终端 审查元素 console</div> <h1> JavaScript字符串操作以及跑马灯示例1 </h1> <script>
age = "18";
i = parseInt(age);
//字符串转数字类型 num = "20";
y = parseFloat(num)
/* 字符串转浮点数（小数）类型 */ </script> </body>
</html>
JavaScript字符串操作以及跑马灯示例1
<!DOCTYPE html>
<!--JavaScript字符串操作以及跑马灯示例2-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> <div>临时测试代码，用浏览器的终端 审查元素 console</div> <h1> JavaScript字符串操作以及跑马灯示例2 </h1> <script>
a = 'alex' document.write("取一个字符串")
a.charAt(2)
document.write(a.charAt(2)) document.write("<br/>取多个字符串")
a.substring(1,3)
document.write(a.substring(1,3)) document.write("<br/>取字符串长度")
a.length
document.write(a.length) </script> </body>
</html>
JavaScript字符串操作以及跑马灯示例2
<!DOCTYPE html>
<!--JavaScript字符串操作以及跑马灯示例3-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> <div>临时测试代码，用浏览器的终端 审查元素 console</div> <h1> 定时器的应用,5000毫秒刷新一下</h1>
<h2> 用浏览器的终端 审查元素 console 查看，输出到后台console里。</h2> <script>
//创建一个定时器
setInterval("alert('定时器的应用,5秒刷新一下');",5000) function f1() {
console.log(1);
//用浏览器的终端 审查元素 console 查看，输出到后台console里。
}
setInterval("f1();",1000) </script> </body>
</html>
JavaScript字符串操作以及跑马灯示例3
<!DOCTYPE html>
<!--JavaScript字符串操作以及跑马灯示例4-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> <div>临时测试代码，用浏览器的终端 审查元素 console</div>
<h1> JavaScript字符串操作以及跑马灯示例4 </h1> <div id="i1">欢迎您大驾光临本网页</div> <script>
function func() {
//根据ID获取指定标签的内容，用局部变量接受
var tag = document.getElementById('i1') //获取标签内部的内容
var content = tag.innerText; //拆分标签内容
var f = content.charAt(0);
var g = content.substring(1,content.length); //重新拼接
var new_content = g +f ; //重新赋值
tag.innerText = new_content; }
//定时器，循环
setInterval('func()',500) </script> </body>
</html>
JavaScript字符串操作以及跑马灯示例4
<!DOCTYPE html>
<!--JavaScript数组和字典以及for循环1-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>
字符串（String）
字符串是由字符组成的数组，但在JavaScript中字符串是不可变的：
可以访问字符串任意位置的文本，但是JavaScript并未提供修改已知字符串内容的方法。
常见功能：
obj.length 长度 obj.trim() 移除空白
obj.trimLeft()
obj.trimRight)
obj.charAt(n) 返回字符串中的第n个字符
obj.concat(value, ...) 拼接
obj.indexOf(substring,start) 子序列位置
obj.lastIndexOf(substring,start) 子序列位置
obj.substring(from, to) 根据索引获取子序列
obj.slice(start, end) 切片
obj.toLowerCase() 大写
obj.toUpperCase() 小写
obj.split(delimiter, limit) 分割
obj.search(regexp) 从头开始匹配，返回匹配成功的第一个位置(g无效)
obj.match(regexp) 全局搜索，如果正则中有g表示找到全部，否则只找到第一个。
obj.replace(regexp, replacement) 替换，正则中有g则替换所有，否则只替换第一个匹配项，
$数字：匹配的第n个组内容；
$&：当前匹配的内容；
$`：位于匹配子串左侧的文本；
$'：位于匹配子串右侧的文本
$$：直接量$符号 </h1> </body>
</html>
JavaScript数组和字典以及for循环1
<!DOCTYPE html>
<!--JavaScript数组和字典以及for循环2-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>
布尔类型（Boolean）
布尔类型仅包含真假，与Python不同的是其首字母小写。 if 如果
false 假
true 真 == 比较值相等
!= 不等于
=== 比较值和类型相等
!=== 不等于
|| 或
&& 且 </h1> </body>
</html>
JavaScript数组和字典以及for循环2
<!DOCTYPE html>
<!--JavaScript数组和字典以及for循环3-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>
<!--
数组
JavaScript中的数组类似于Python中的列表 a = [11,22,33,44] 常见功能：
obj.length 数组的大小 obj.push(ele) 尾部追加元素
obj.pop() 尾部获取一个元素
obj.unshift(ele) 头部插入元素
obj.shift() 头部移除元素
obj.splice(start, deleteCount, value, ...) 插入、删除或替换数组的元素
obj.splice(n,0,val) 指定位置插入元素
obj.splice(n,1,val) 指定位置替换元素
obj.splice(n,1) 指定位置删除元素 obj.slice( ) 切片
obj.reverse( ) 反转
obj.join(sep) 将数组元素连接起来以构建一个字符串
obj.concat(val,..) 连接数组
obj.sort( ) 对数组元素进行排序
-->
</h1>
<h2>
<!--
obj.splice(start, deleteCount, value, ...)
obj.splice(起始位置,删除的个数，要插入的值,...)
-->
</h2>
<script>
document.write("替换内容:")
a = [11,22,33,44,55,66]
a.splice(2,1,99)
document.write(a)
</script>
<script>
document.write("<br/>插入内容:")
b = [11,22,33,44,55,66]
b.splice(2,0,99)
document.write(b)
</script>
<script>
document.write("<br/>删除内容:")
c = [11,22,33,44,55,66]
c.splice(1,1)
document.write(c)
</script>
<script>
document.write("<br/>内容切片:")
d = [11,22,33,44,55,66]
e = d.slice(1,3)
document.write(e)
</script> <script>
document.write("<br/>字典使用:")
y = {"k1":"v1","k2":"v2","k3":"v3","k4":"v4"}
k = y["k2"]
document.write(k)
</script> </body>
</html>
JavaScript数组和字典以及for循环3
<!DOCTYPE html>
<!--JavaScript数组和字典以及for循环4-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>临时测试代码，用浏览器的终端 审查元素 console</div> <script>
document.write("for循环例子A:循环时，循环的元素时索引")
a = [11,22,33,44,55]
for(var item in a){
console.log(item);
} for(var item in a){
document.write(item);
}
</script> <script>
document.write("<br/>for循环例子B:循环时，循环的元素时索引")
b = {"k1":"v1","k2":"v2"}
for(var item in b){
console.log(item);
} for(var item in b){
document.write(item);
}
</script>
<script>
while(条件){
// break;
// continue;
}
</script>
</body>
</html>
JavaScript数组和字典以及for循环4
<!DOCTYPE html>
<!--JavaScript数组和字典以及for循环5-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>临时测试代码，用浏览器的终端 审查元素 console</div> <script>
document.write("for循环,自己加自己：")
for (var i=0;i<10;i=i+1){
document.write(i)
}
</script> <script>
document.write("<br/>for循环列表：")
c =[11,22,33,44,55]
for (var j=0;j<c.length;j=j+1){
document.write(j)
}
</script>
<script>
document.write("<br/>for循环列不支持字典形式！！！") </script> </body>
</html>
JavaScript数组和字典以及for循环5
<!DOCTYPE html>
<!--JavaScript条件语句-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>临时测试代码，用浏览器的终端 审查元素 console</div> <script>
if(条件){ }
else if(条件){ }
else if(条件){ }
else{ }
</script>
<script>
switch(name){
case '1':
age = 123;
break;
case '2':
age = 456;
break;
default :
age = 777;
}
</script>
<script>
if(1 == 1){ } <!--等于 值相等true-->
if(1 != 1){ } <!--不等于-->
if(1 === 1){ } <!--等于 值和类型都相等false-->
if(1==1 || 2==2){ } <!--类似PY里的or或者-->
if(1==1 && 2==2){ } <!-- 类似PY里的and并且-->
</script> </body>
</html>
JavaScript条件语句1
<!DOCTYPE html>
<!--JavaScript条件语句2-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>临时测试代码，用浏览器的终端 审查元素 console</div> <script>
// 异常处理
//注：主动跑出异常 throw Error('xxxx') try {
//这段代码从上往下运行，其中任何一个语句抛出异常该代码块就结束运行
}
catch (e) {
// 如果try代码块中抛出了异常，catch代码块中的代码就会被执行。
//e是一个局部变量，用来指向Error对象或者其他抛出的对象
}
finally {
//无论try中代码是否有异常抛出（甚至是try代码块中有return语句），finally代码块中始终会被执行。
}
</script> </body>
</html>
JavaScript条件语句2
JavaScript的基础应用的更多相关文章
- JavaScript RegExp 基础详谈
前言: 正则对于一个码农来说是最基础的了,而且在博客园中,发表关于讲解正则表达式的技术文章,更是数不胜数,各有各的优点,但是就是这种很基础的东西,如果我们不去真正仔细研究.学习.掌握,而是抱着需要的时 ...
- JavaScript学习基础部分
JavaScript学习基础 一.简介 1.JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说 Internet Explorer. Mozilla.Firefo ...
- JavaScript入门基础
JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...
- JavaScript 语言基础知识点总结（思维导图）
JavaScript 数组 JavaScript 函数基础 Javascript 运算符 JavaScript 流程控制 JavaScript 正则表达式 JavaScript 字符串函数 JavaS ...
- JavaScript语言基础知识点图示（转）
一位牛人归纳的JavaScript 语言基础知识点图示. 1.JavaScript 数据类型 2.JavaScript 变量 3.Javascript 运算符 4.JavaScript 数组 5.Ja ...
- JavaScript 语言基础知识点总结
网上找到的一份JavaScript 语言基础知识点总结,还不错,挺全面的. (来自:http://t.cn/zjbXMmi @刘巍峰 分享 )
- Javascript语法基础
Javascript语法基础 一.基本数据类型 JavaScript中支持数字.字符串和布尔值三种基本数据类型: 1．数字 数字型是JavaScript中的基本数据类型.在JavaScript ...
- JavaScript 函数基础
1. JavaScript 函数基础 1. 定义方法 2. 函数的调用方法 3. 函数方法 apply : 将函数作为数组的方法来调用 将参数以数组形式传递给该方法 call : 将函数作为对象的 ...
- JavaScript编程：javaScript核心基础语法
1.javaScript核心基础语法: javaScript技术体系包含了5个内容: 1.核心语言定义: 2.原生对象和雷子对象: 3.浏览器对象 ...
- JavaScript语言基础知识点图示
原文:JavaScript语言基础知识点图示 一位牛人归纳的JavaScript 语言基础知识点图示. 1.JavaScript 数据类型 2.JavaScript 变量 3.Javascript 运 ...
随机推荐
- 帝国cms学习
手册地址1 手册地址2 入门 安装: 将下载的upload里的文件上传到网站更目录 然后 域名/e/install/index.php Warning: Use of undefined consta ...
- printk 函数消息是如何记录的
printk 函数将消息写入一个 LOG_BUF_LEN 字节长的环形缓存, 长度值从 4 KB 到 1 MB, 由配置内核时选择. 这个函数接着唤醒任何在等待消息的进程, 就是说, 任何在系统 ...
- LuoguP3338 [ZJOI2014]力
题目描述 给出n个数qi,给出Fj的定义如下: \[F_j = \sum_{i<j}\frac{q_i q_j}{(i-j)^2 }-\sum_{i>j}\frac{q_i q_j}{(i ...
- Luogu P2717 寒假作业(平衡树)
P2717 寒假作业 题意 题目背景 \(zzs\)和\(zzy\)正在被寒假作业折磨,然而他们有答案可以抄啊. 题目描述 他们共有\(n\)项寒假作业.\(zzy\)给每项寒假作业都定义了一个疲劳值 ...
- uoj37 主旋律
题意:一个班级n个人,如果a爱b,那么a->b一条有向边.问有多少种删边集合使得图仍然强联通? n<=15. 标程: #include<cstdio> #include&l ...
- [violet6] 故乡的梦
题目 描述 不知每日疲于在城市的水泥森林里奔波的你会不会有时也曾向往过乡村的生活.你会不会幻想过,在夏日一个静谧的午后,你沉睡于乡间路边的树荫里,一片叶子落在了你的肩上, 而你正做着一个悠长的梦,一个 ...
- 表单控件绑定v-model
<!DOCTYPE html> <html lang="zh"> <head> <title></title> < ...
- 转：进程上下文VS中断上下文
源地址:http://www.cnblogs.com/zzx1045917067/archive/2012/12/19/2824552.html 内核空间和用户空间是现代操作系统的两种工作模式,内核模 ...
- Axure教程:如何使用动态面板？动态面板功能详解
写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于Axure动态面板 动态面板是a ...
- CentOS6.5下源码安装多个MySQL实例及复制搭建
多实例安装本节是在CentOS6.5下源码安装MySQL5.6.35的基础上,在同一台机器增加一个MySQL实例.参考Centos中安装多个mysql数据的配置实例,安装目录为/usr/local/m ...