原生js获取document_原生JS常用API整理

Anchor 对象:指HTML超链接

1.修改一个链接的文本,链接和target

//html部分

访问 Microsoft

改变超链接的文本和 URL。也改变 target 属性。target 属性的默认设置是 "_self",这意味着会在相同的窗口中打开链接。通过把 target 属性设置为 "_blank",链接将在新窗口中打开。

//js部分

function changeLink(){

document.getElementById(‘myAnchor’).innerHTML=“访问 W3School"

document.getElementById(‘myAnchor’).href=“http://www.w3school.com.cn"

document.getElementById(‘myAnchor’).target=”_blank”

}

Document 对象:指 页面文档文本

1.document输出流输出 文本 或者 HTML

document.write(“Hello World!”) //Hello World

document.write(“

Hello World!”) //带h1标签效果的 Hello World

document.write(document.title) //返回当前页面的标题

document.write(document.URL) //返回当前页面的URL

document.URL , document.referrer , location.href 的区别:

①. 从输出结果上,document.URL 和 windows.location.href 没有区别。

②. 非要说区别的话,你只可以读取document.URL的值,不能修改它。windows.location.href的值你即可以读取也可以修改,可以使用它进行页面跳转。

③. referrer则是返回前一个来源页面的URL,并不是当前页面。

2.元素选择

第一个返回选中id,其余则是返回一个数组

document.getElementById()

document.getElementsByName()

document.getElementsByClassName()

document.getElementsByTagName()

Event 对象

1.获取鼠标的按键,返回按键索引 event.button

请在文档中点击鼠标。一个消息框会提示出您点击了哪个鼠标按键。

2.获取光标的坐标 event.clientX

x=event.clientX

y=event.clientY //获取光标的位置Y轴

3.获取按键码 event.keyCode

Form 和 Input 对象

1.复选框

//js

document.getElementById("myCheck").checked=true //选中

document.getElementById("myCheck").checked=false //取消选中

2.获取input的value

function check(browser)

{

document.getElementById("answer").value=browser

}

您喜欢哪款浏览器?

Internet Explorer

Firefox

Netscape

Opera

您喜欢的浏览器是:

3.form表单相关

①reset()可以清空表单数据

②submit()可以提交表单

function formReset(){

document.getElementById(“myForm”).reset()

}

document.getElementById(“myForm”).submit()

document.getElementById(‘text1’).focus() //获取焦点

document.getElementById(‘text1’).blur() //失去焦点

在下面的文本框中输入一些文本,然后点击重置按钮就可以重置表单。

姓名:

Location 对象

window.location="/index.html" //基于原有域名下的页面跳转

window.location.reload(); //重载页面

window.location , window.location.href , window,location.replace的区别

window.location是页面的位置对象,页面基于域名后添加新增的url跳转

window.location.href是 location的一个属性值,页面替换url跳转

如果需要打开新窗口,使用window.open('')方法

有3个页面 a,b,c

如果当前页面是c页面,并且c页面是这样跳转过来的:a->b->c

1:b->c 是通过window.location.replace("…xx/c") 此时b页面的url会被c页面代替,并且点击后退按钮时会回退到a页面(最开始的页面)

2:b->c是通过window.location.href("…xx/c") 此时b页面的路径会被c页面代替,但是点击回按钮后页面回退的是b页面

两者的区别: 两者后退时所回退的页面不一样

Navigator 对象

用于检测和获取浏览器相关信息

navigator.appName //appname

navigator.appVersion //浏览器的版本信息

naviigator.appCodeName //浏览器代码

navigator.cookieEnabled //是否启用了cookie

navigator.userAgent //浏览器的用户代理报头

Option 和 Select 对象

启用与禁用select

document.getElementById(“mySelect”).disabled=true

document.getElementById(“mySelect”).disabled=false

设置可以选取多个option

document.getElementById(“mySelect”).multiple=true

更改选择项

document.getElementById(“orange”).selected=true;

window 对象

window.open() //打开新窗口

window.location //在域名后追加地址进入新页面

window.location.href //页面地址

window.location.reload() //页面重载

window.print() //打印页面

window.scrollTo(100,500) //窗口滚动到指定位置

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/564418.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux打包cpio命令例子,linux压缩命令——tar、cpio详解

常见的linux压缩方式:*.Z compress压缩*.gz gzip压缩*.bz2 bzip2压缩*.tar tar打包(没有压缩)*.tar.gz tar打包,并且经过gzip压缩*.tar.gz tar打包,并且经过bzip2压缩gzip、bzip2压缩是对单一文件压缩。下面就t…

flowjo汉化版_流式细胞分析软件FlowJo

FlowJo是一款专业的流式细胞分析软件,这款软件是流式领域最受推荐的一款专业分析软件,适合医学类的学生使用。软件能够帮助用户轻松了解了解细胞的状态变化, 拥有流动室和液流驱动系统,光电转换器和数据处理系统等先进的科学技术。软件特色&a…

c语言程序设计语言描述,C语言程序设计题目描述(详).txt

C语言程序设计题目描述(详).txtC01 pow1.05,n include void main float y1.05; int n1; FILE *p; /* * * * * * */ fprintfp,“d,.0f“,n,pow1.05,n; fclosep; C02 a11a002a11.aPaperdesign.dat include void main float a331.3,2.7,3.6,2,3,4.7,3,4,1.27; FILE *p; /* * * * *…

R语言smoothHR包_SmoothHR產品官方網站 全新體驗、正式上線 !

長期受許多國內外企業一致推薦及肯定的 SmoothHR 企業人資解決方案,新版網站正式上線了 ! 承襲 SmoothHR 備受肯定的視覺呈現,因應行動裝置的普遍運用,官方網站採用 RWD 響應式設計,帶給使用者跨裝置最佳的使用體驗 ! 並充分考慮使…

c程序设计语言 hello,Hello, World!

ch01-02-hello-world.mdcommit f63a103270ec8416899675a9cdb1c5cf6d77a498既然安装好了 Rust,我们来编写第一个 Rust 程序。当学习一门新语言的时候,使用该语言在屏幕上打印 Hello, world! 是一项传统,我们将沿用这一传统!注意&am…

python object单引号变成双引号_Python学习第163课--Linux命令行中的单引号和双引号...

【每天几分钟,从零入门python编程的世界!】我们都知道引号的作用就是为了引用,比如引用别人说的话,这句话就放在引号里面。而Linux命令行中的single quote(单引号)和dubble quote(双引号)有不同的作用。●双引号linux命令中双引号…

C语言条件循环语句执行步骤,C语言中for语句的执行过程是什么?

C语言中for语句的执行过程是:1、会先判断条件表达式是否成立,如果条件成立则执行中间循环体,执行完中间循环体后接着执行末尾循环体 ;2、在执行完末尾循环体后对条件表达式再次判断,若条件还成立,则继续重复…

python平方数迭代器_Python三大神器之迭代器详解

我们将要来学习python的重要概念迭代和迭代器,通过简单实用的例子如列表迭代器和xrange。可迭代一个对象,物理或者虚拟存储的序列。list,tuple,strins,dicttionary,set以及生成器对象都是可迭代的&#xff…

c语言规范标准中英文,C语言中英文翻译资料.doc

C语言中英文翻译资料.docThe C Programming LanguageC is a high-level programming language developed by Dennis Ritchie and Brian Kernighan at Bell Labs in the mid-1970s. Although originally designed as a systems programming language, C has proved to be a powe…

lvm 扩展根目录_Lvm扩展根目录容量

2、新加一块硬盘,我的是sdb先创建物理卷[rootredhat6-3~]#fdisk/dev/sdbCommand(mforhelp):nCommandactioneextendedpprimarypartition(1-4)pPartitionnumber(1-4):1Firstcylinder(1-261,default1):(回车,默认将所有空间分配给第一个主分区)Usingdefault…

c语言趣味程序设计编程100例精解,c趣味编程100例

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼#include #include #include #include #include #include #include #include using namespace std;void z1();void z2();void z3();void z4();void z5();void z6();void z7();void z8();int c3(int, int);int draw(int(*)(double),…

SQL语言深入

数据库系统 数据库系统主要有以下 3 个组成部分: 1 . 数据库:用于存储数据的地方。 2 . 数据库管理系统:用于管理数据库的软件。 3 . 数据库应用程序:为了提高数据库系统的处理能力所使用的管理数据库库的软件补充。 数据库管…

tb项目管理实践_项目经理与项目管理整理

项目经理职责:要想项目的分配尽可能地准确,任务分配者必须了解项目研发相关的技术。进行产品开发过程中的业务目标、进度、成本、质量控制。挑选项目团队并进行团队建设,激发、鼓舞和改进团队的生产效率。识别项目干系人,定期向干…

加法的横式竖式教案c语言,20以内竖式加减法教案

【www.ahanw.cn--活动致辞】活动意图:数学的加减法运算很重要。特别是20以内的加减法是各种数字运算的基础。学好20以内的加减法,有利于活化孩子的头脑,发展孩子的思维。活动目标:1、感知进位加、退位减的算法,整理和归…

github随时同步代码_GitHub代码下载和同步

1.下载git客户端https://git-scm.com/ssh-keygen -C "youremail.address" -t rsa2. 把下面文件的内容复制到 https://github.com/settings/keysWindows:C:\Users\GengZhaoyun\.ssh\id_rsa.pubLinux:.ssh\id_rsa.pub测试是否配制正确ssh -T gitgithub.com显示Hi gengz…

c语言10个数求立方合并输出,C语言 求出100~999之间的所有“水仙花数”并输出...

“水仙花数”是指一个三位数,其各位数字的立方和确好等于该数本身,如;153=1+5+3?,则153是一个“水仙花数”。在数论中,水仙花数(Narcissistic number)也称为自恋数、自幂数、阿姆斯…

lstm 变长序列_keras在构建LSTM模型时对变长序列的处理操作

我就废话不多说了,大家还是直接看代码吧~补充知识:RNN(LSTM)数据形式及Padding操作处理变长时序序列dynamic_rnnSummaryRNN样本一样,计算的状态值和输出结构一致,也即是说只要当前时刻的输入值也前一状态值一样,那么其…

c语言平面向量加法考点,平面向量的加减法怎么死活都不会?有没有什么口诀?例如:向量AB+BC=?向量OA-OB=?向量AB-CB=?有没有什么口诀!...

设a(x,y),b(x,y).1、向量的加法向量的加法满足平行四边形法则和三角形法则.ABBCAC.ab(xx,yy).a00aa.向量加法的运算律:交换律:abba;结合律:(ab)ca(bc).2、向量的减法如果a、b是互为相反的向量,那么a-b,b-a,ab0.0的反向量为0AB-ACC…

乘基取整法是什么_数字逻辑电路-学习指南

数字逻辑电路-学习指南一、判断题(判断结果为真(T)或为假(F)1.()逻辑函数的真值表是惟一的,但表达式不一定是惟一的。2.()在基数乘除法中,整数部分的转换采用“除基取余”法,小数部分的转换采用“乘基取整”法。3&…

C语言定义直线的数据类型,C语言 | 数据类型

原标题:C语言 | 数据类型1.变量与常量数据在程序的世界中,可以让计算机按照指令做很多事情,如进行数值计算、图像显示、语音对话、视频播放、天文计算、发送邮件、游戏绘图以及任何我们可以想象到的事情。要完成这些任务,程序需要…