进阶版JavaScript学习【第二期】

编程之家收集整理的这篇文章主要介绍了进阶版JavaScript学习【第二期】编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

进阶版JavaScript学习第二期,下方主要介绍关于进阶版JavaScript学习【第二期】的全文内容,希望对你有所帮助。

距离上一期更新已经过了好久,非常抱歉。因为自己的一些原因,没有能够及时更新

博主主页:GUIDM的主页

专栏内容进阶版JavaScript学习

往期内容第一期

 给大家安利一个刷题神器:牛客网

JavaScript系列刷题指南:点击此处

结尾放上5题简单的HTML习题。

常用元素的属性操作

HTML部分:

<button ID='nh'>你好</button>
<button ID='zgm'>在干嘛</button>
<img src='……' alt=' ' Title='你好'>

JavaScript部分:

1、获取元素

var nh=document.getElementByID('nh');
var zgm=document.getElementByID('zgm');
var img=document.querySelector('img');

2、注册事件(点击按钮显示对应的图片

nh.onclick=function(){
  img.src='img/nh.jpg';
  img.Title='你好';
}

zgm.onclick=function(){
  img.src='img/zgm.jpg';
  img.Title='在干嘛';
}

表单元素的属性操作

利用DOM可以操作如下表单元素的属性

  1. type
  2. value
  3. checked
  4. selected
  5. Disabled

HTML部分:

<button>按钮</button>
<input type='text' value='输入内容'>

JavaScript部分:

1、获取元素

var btn=document.querySelector('button');
var input=document.querySelector('input');

2、注册事件

btn.onclick=function(){
input.value='被点击了';
btn.Disabled=true;
//this.Disabled=true;
//this指向的是事件函数调用者(btn)

样式属性操作

1、element.style(样式较少或功能简单的时候使用

行内样式操作:Js修改样式添加到行内样式中,Js的行内样式权重高。

HTML部分:

<div></div>

CSS部分:

div{
wIDth:200px;
height:200px;
background-color:pink;
}

JavaScript部分:

1、获取元素

var div=document.querySelector('div');

2、注册事件

element.style里面的属性采用驼峰命名法

div.onclick=function(){
 this.style.background='purple';
 this.style.wIDth='250px';
}

2、element.classname

类名样式:直接更改元素名,会覆盖原先的类名。

HTMLCSS都和上面的一样,在div里面加一个class=‘ ’

JavaScript部分:

1、获取元素

var test=document.querySelector('div');

2、注册事件

test.onclick=function(){
 this.classname='change';
}
//当前元素的类名改为了change但要在CSS中写好想要的样式

牛客网刷题-HTML5

请依次写出以下类型的输入框。

1. 类型为密码,认值为"Nowcoder"
2. 类型为复选框,且状态为已勾选

 

请写出具有表格标题为"Nowcoder"的2行3列表格结构。

请写出具有标题属性和代替文本属性图片标签

 

请写出可以在新窗口打开文档的a标签

 

请写出列表项为"Nowcoder"且列表项内容也为"Nowcoder"的自定义列表。

总结

以上是编程之家为你收集整理的进阶版JavaScript学习【第二期】全部内容,希望文章能够帮你解决进阶版JavaScript学习【第二期】所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

JavaScript文章

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。JavaScript广泛用于客户端的脚本语言,用来给HTML网页增加动态功能。
JavaScript 可以通过不同的方式来输出数据:使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。
今天项目需要判断客户输入的密码强度,规则只数字为弱,数字+字母为中级,判断大小写组合等,下面青岛星网跟大家分享下实现代码。
表单是我们项目开发过程中最常用的,jQuery怎么获取表单元素单选框、复选框、下拉菜单的值呢?今天跟大家分享下:jQuery表单元素radio取值checkbox取值select取值的方法大全。
数组是网站开发项目中经常会用到,那么怎么删除数值的数值?怎么替换数组的数值?怎么添加数值的数值呢?今天青岛星网跟大家分享:JS删除/替换/添加/数组值的方法大全。
我们在设计表单的时候,经常会有一些文本框要求只能输入数字,如金额文本框、年龄文本框、成本文本框等等,此类文本框除了数字不允许别的字符输入,JS怎么办判断呢?
JSON数据是现在比较流行的一种数据方式,很多工具接口返回的参数都是JSON数据格式的,今天青岛星网跟大家分享下:jquery解析JSON数据的方法。
js模式窗口是我们经常会用到的一种弹出窗口,例如:上传图片弹出窗口,成功后赋值图片名称给父窗口,青岛星网下面跟大家分享:js弹出窗口showModalDialog模式窗口使用方法
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注