Javascript-基础1
1，变量：
name="alex" #默认是全局变量
var name="eric" #局部变量
2. 写JS代码：---html中写，---临时文件可以写在浏览器的终端，检查--> console
3. 基本数据类型：数字，字符串，列表，字典，布尔类型。
条件语句：
for 循环：
4. 字符串转成数字类型：parse--从语法上分析的意思
age="18"
i=parseInt(age) #转成整数
j=parseFloat(age) #转成小数
5. 变量的属性
a="alex"
a.CharAt(n): 返回字符串中的第n个字符。
a.substring(1,3) : 返回字符串中的第1,2个字符。顾头不顾尾。
a.length: 获取当前字符串的长度。
6. 定时器：
setInterval ("alert(123);", 5000) : 第一个参数表示执行什么，第二个参数表示间隔多长时间。5000的单位是毫秒。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
setInterval("alert(123);",5000)
</script>
</body>
</html>
运行结果：每5s会出现一次如下的弹窗。
7. 函数的定义用function, 函数名+括号表示执行这个函数。
function f1(){ }
console.log() 表示在浏览器的console 窗口打印东西。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
function f1(){
console.log(1)
}
setInterval("f1();",2000)
</script>
</body>
</html>
运行结果：
8. 关于字符的一些基础知识：从下面的错误可以看出，程序是严格区分大小写的。程序是严格区分大小写的。程序是严格区分大小写的。重要的事情说三遍。
function func() {
// 根据ID获取指定标签的内容，赋值给一个局部变量。
var tag=document.getElementById('id');
//获取标签内部的内容
var content=tag.innerText;
var f=content.charAt(0)
var l=content.substring(1,content.length)
var new_content=new_content;
tag.innerText=new_content;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="i1">欢迎老板</div>
<script></script>
</body>
</html>
然后在console中执行。
document.getElementById('i1')
<div id="i1">欢迎老板</div>
tag=document.getElementById('i1')
<div id="i1">欢迎老板</div>
tag.innerText
"欢迎老板"
content=tag.innerText
"欢迎老板"
content
"欢迎老板"
f=content.charat(0)
VM200:1 Uncaught TypeError: content.charat is not a function
at <anonymous>:1:11
(anonymous) @ VM200:1
f=content.charAt(0)
"欢"
l=content.substring(1,content.length)
"迎老板"
new_content=l+f
"迎老板欢"
tag.innerText=new_content
"迎老板欢"
9. 最终的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="i1">欢迎上级领导莅临检查指导</div>
<script>
function func(){
var tag=document.getElementById('i1');
var content=tag.innerText;
var f=content.charAt(0)
var l=content.substring(1,content.length);
var new_content=l+f;
tag.innerText=new_content;
}
setInterval('func()',500)
</script>
</body>
</html>
运行结果：一行字转起来了。前面的字符不停地加到后面字符的后面。
Javascript-基础1的更多相关文章
- JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
- 一步步学习javascript基础篇（0）:开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇（3）：Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
- javascript基础02
javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...
随机推荐
- ORB-SLAM（十）LoopClosing Sim3求解
主要参考这篇论文 Horn B K P. Closed-form solution of absolute orientation using unit quaternions[J]. JOSA A, ...
- Habse中Rowkey的设计原则——通俗易懂篇
Hbase的Rowkey设计原则 一. Hbase介绍 HBase -> Hadoop Database,HBase是Apache的Hadoop项目的子项目.HBase不同于一般的关系数据库,它 ...
- Jsp刷新分页模板，很全
1.用来实现上一页下一页,我直接写到查询页面上 <%--page的分页--%> <style type="text/css"> a { color: # ...
- FastJson - 从HttpEntity到Json
在使用java + httpClient施行API自动化时,不可避免地遇到了如下问题: 1. 用Http Response数据做断言: 2. 用上一个请求的Response内容,作为下一个请求的参数: ...
- Linux命令应用大词典-第38章 网络命令
38.1 traceroute:显示跟踪到网络主机的路由数据包 38.2 mli-tool:查看.操纵网络接口状态 38.3 ifconfig:显示和配置网络接口 38.4 ifdown:关闭网络接口 ...
- lintcode112 删除排序链表中的重复元素
删除排序链表中的重复元素 给定一个排序链表,删除所有重复的元素每个元素只留下一个. 您在真实的面试中是否遇到过这个题? Yes 样例 给出 1->1->2->null,返回 1- ...
- PHP计算两个已知经纬度之间的距离
/** *求两个已知经纬度之间的距离,单位为千米 *@param lng1,lng2 经度 *@param lat1,lat2 纬度 *@return float 距离,单位千米 **/ privat ...
- kubernetes相关
1.获取client , api-server 加token 或in-cluster方式 2.所有对象均有list update get 等方法 3.对象属性源码追踪,yaml与源码一一对应 4.一些 ...
- LeetCode - 389. Find the Difference - 三种不同解法 - ( C++ ) - 解题报告
1.题目大意 Given two strings s and t which consist of only lowercase letters. String t is generated by r ...
- 由一个hash字符串生成多个子hash字符串
通过存储一个head hash,然后把子hash放到网络中 当然,也可以像默克尔树那样的,生成多级的子hash ,可以通过规则配置不同的hash 生成方式.倒置的默克尔树 我有一个文件,然后我把她分隔 ...