关于Javascipt基础5

紧接着上次的各种对象。

String 对象

String 对象用来处理文本。 事实上任何一个字符串常量都是一个String对象,可以将其直接作为对象来使用。

获得字符串长度:

1.length属性

var str = “hello”;

var str2 = “你好”;

alert(str.length); //输出 5

alert(str2.length); //输出2

提取字符串:

1.charAt()方法

  var str = "HELLO WORLD";

  var n = str.charAt(2); //返回指定位置的字符。

2.substr()方法

  var str = ‘hello’;

  alert(str.substr(0,2);//传入起始位数,截取的长度,返回的是’he’

3. substring()方法

  alert(str.substring(0,3))//传入开始的位置,结束的位置 <3,返回的是’hel’

查找替换字符串:

1. indexOf()和lastIndex()方法

  var str="Hello world, welcome to the universe.";

  alert(str.indexOf(“welcome”);//可返回某个指定的字符串值在字符串中首次出现的位置。

  alert(str.lastIndexOf(‘e’)); //查找字符最后一次出现的位置

2. replace()方法 var str="Visit Microsoft!";

  var n=str.replace("Microsoft","W3CSchool");//用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

3. search()方法 var str="Visit W3CSchool!";

  var n=str.search(“W3CSchool”);//查找指定的字符串或与正则表达式相匹配的子字符串

拼接字符:

1.concat

var str1 = "Hello ";

var str2 = "world!";

var n = str1.concat(str2); //concat() 方法用于连接两个或多个字符串。

2.字符串拼接符 var str1 = str1 + str2; //+号判断左右两边,如果有一边是字符串,则该+号为拼接作用

其他方法:

1.toLowerCase() 方法

  var str="Hello World!”;

  document.write(str.toLowerCase());//用于把字符串转换为小写。

2.toUpperCase() 方法

  var str="Hello world!";

  document.write(str.toUpperCase());//用于把字符串转换为大写。

BOM 浏览器对象模型

BOM (浏览器对象模型),它提供了与浏览器窗口进行交互的对象(根对象是window)

一、window对象(这些对象可以不写父对象 没写的话会自动对应根对象window)

Window对象表示整个浏览器窗口。

1.系统消息框 alert()

  例:alert(‘hello‘);

2.确认对话框 confirm()

该方法返回一个boolean值,如果点击ok返回true,点击cancel返false;

  例:if(confirm("确定要删除吗?")){ //删除 }

3.输入对话框 prompt()

如果点击ok将文本框中的值作为函数值返回,如果点击cancel返回null

例: var name = prompt("请输入你的姓名?","");

   if(name != null){ alert(‘welcome’+ name); }

4. 打开新窗口 window.open()(一般浏览器都会拦截这个弹出的窗口 一般别用这个语句)

例: window.open("http://www.baidu.com","_blank","width=300, height=200");

5.定时器setInterval() , setTimeout()

定时器可以说是js前端最常用的工具,几乎所有的逐渐变化的动态效果都会使用到定时器,比如 说图片滚动,渐隐渐现,拖拽等等.

定时器分两种分别是settimeout和setinterval.

  window.setInterval(); 设置循环定时器(因为这个定时器真的很有用 这次就写得详细一些

    首先setInterval()有两种模式:

      1.setInterval(函数(==>无括号 纯函数名),间隔时间,函数参数1,函数参数2...)

        例1:setInterval(alert,1000,"hhh")

        例2:function a(x,y){

            alert(x+y);          

          }setInterval(a,1000,3,4)

      2.setInterval(“要执行的代码”,间隔时间)

        例1:setInterval("alert(‘你好‘)",1000)

        例2:setInterval("var a=0;a++;alert(a)",1000)

   var T = window.setInterval(test,1000); test:执行的代码串或函数 设置1000毫秒

  window.clearInterval(); 清除循环定时器

   window.clearInterval(T);

  window.setTimeout(); 设置单次定时器

   var T = setTimeout(test,1000); test:执行的代码串或函数 设置1000毫秒

  window.clearTimeout() 清除单次定时器

   clearTimeout(x);

二、history对象(老规矩 不用写Window)

history对象是window对象的子对象,对应于浏览器的 历史记录。

  window.history.go(-1);//==>退一步 等于history.back();

  window.history.go(1);//==>进一步 等于history.forward();

三、Location对象

Location对象也是window对象的子对象,通过它可以获取或设置浏览器的当前地址。

  1.跳转到其它页面 window.location.href = "http://www.163.com"; location.href = "http://www.163.com";

  2.重新载入页面(刷新) location.reload();

四、navigator对象

Navigator对象包含着有关web浏览器的信息,它也是window的属性,可以用 window.navigator 引用它,也可以用navigator引用

  例:获取浏览器内部代号,名称,操作系统等信息 var info = navigator.userAgent; alert(info);

以上的window的子对象其实还有其他方法,要再开阔知识才行。

下一篇写DOM文档对象模型与节点

时间: 2024-10-16 03:01:28

关于Javascipt基础5的相关文章

关于Javascipt基础1

Javascipt是一种脚本语言,由web浏览器进行解释和执行. 将Javascript应用到网页中的方式有两个 一是将javascript代码插入html文档的<script>标签中 二是将javascript代码存放在一个独立的文件里,再用<script>标签的src属性指向该文件使用. javaScript 语法概念 一.变量 变量由 var 运算符加变量名定义.(var是声明变量) 例如:var age = 25(声明age这个变量 赋予25这个数值)  var mood

关于Javascipt基础3

今天终于来到我们的循环语句了:-D 1.While(较少用的循环语句) 语法: while (exp) { //statements; } 说明: while (变量<=结束值) { 需执行的代码 } 例子: var i = 1; while(i < 3){ alert(i); i++; }(切记要在执行代码中加入能够跳出循环的条件 不然会无限循环. PS:我犯过很多回 包括今天= =) 2. Do…while do { //statements; }while (condition); do

关于Javascipt基础2

承接上篇的随笔 下面的内容是关于逻辑思维的 与编程语言的大致一样 四.运算符 1.算术运算符( + - * / %) 加.减.乘.除.求余,其中%是求余运算 例子:var total = (1 + 4) * 5;  var i = 100;  var temp = (i – 20) / 2;  alert(“10”+ 20) //return 1020;  alert(10 + 20) //return 30; 2. 后增量/后减量运算符 ++ ,-- 例子:var i = 10;  var a

关于Javascipt基础7

最近练习了关于事件的代码,所以就说说js的事件吧. 一.什么是事件? JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来理的. 比如页面载入完成时, 会触发一个事件.再比如用户点击按钮时,点击也是一个事件. 常用的事件有: PC端上常用的事件: click 鼠标点击 mousedown 鼠标按下 mouseup 鼠标弹起 mousemove 鼠标移动 mouseout 鼠标离开 change文本域的内容被改变 dblclick 鼠标双击 focus 获得焦点 loa

关于Javascipt基础6

这次主要说DOM 文档对象模型 DOM (document object model) 文档对象模型,它定义了操作文档对象的接口. DOM 把一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号 来表明家庭成员之间的关系. 一.节点 节点(node) 一词来自于网络理论,这代表着网络中一个个的连接点,网络是由节点构成的. 对于html文档也是一样,文档是由节点构成的集合. 1.元素节点 元素节点如 <body> <p> <

关于Javascipt基础4

这次说说函数和一部分对象. 函数 函数就是完成某个功能的一组语句,函数由关键字 function + 函数名 + 一组参数定义; 函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织,结构更多清晰. 基本语法: function funName (arg0, arg1, … argN){ //statements }(组成函数必要的是function, 函数名,(),{}.()里面可以没有参数.) 例1: function say_hello (name, msg)

javascipt——基础知识——对象类型

1.object:是javascript的所有对象的父对象. 例:var a={}; 与 var a=new Object();的作用相同,均是创建一个空对象. 2.Array 构造函数: new Array();new Array(size);new Array(element0, element1, ..., elementn); 例:var a=new Array(1);a[0]; //undefined; 在初始化时,指定其长度为n,由于尚未指定数组内容,因此获取时只能是undefine

javascipt——基础知识——基本数据类型

javascript的数据类型分为基本数据类型和非基本数据类型(对象) 一.基本数据类型: 包括以下部分:数字.字符串.布尔值.undefined.null,除此之外的均为对象 1.数字:浮点数.整数: 八进制:0开头,例:a=011; parseInt(a); //9 十六进制:0x开头,例:a=0x11; parseInt(a); //17 指数形式:数字e数字,例:a=3e2; parseInt(a); //300 Infinity:超出javascript处理范围的最大值.例:a=1e1

20145301赵嘉鑫《网络对抗》Exp8 Web基础

20145301赵嘉鑫<网络对抗>Exp8 Web基础 基础问题回答 什么是表单? 表单是一个包含表单元素的区域,主要负责数据采集部分.表单元素允许用户在表单中输入信息.一个表单有三个基本组成部分:表单标签.表单域.表单按钮: 表单标签:包含处理表单数据所用的URL以及数据提交到服务器的方法: 表单域:包含了文本框.密码框.多行文本框.下拉选择框等等: 表单按钮:包括提交按钮.复位按钮和一般按钮. 浏览器可以解析运行什么语言? 支持HTML(超文本标记语言).XML(可扩展标记语言)以及Pyt