本文共 1563 字，大约阅读时间需要 5 分钟。

CSS+HTML+JS----JS

JS的实例

轮播图片

var pics=document.getElementById("pics");var  n = 1;setInterval(function() {
   //设置时钟控件	if(n>4) n=1	pics.innerHTML="";//innerHTML表示某个容器中所有的html代码	n++;}, 5000);//五千毫秒换一张图片

• var pics=document.getElementById("pics"); 是为了获取容器。上述代码中的“%”为空格。

• JS中，变量的声明使用的是var关键字，var关键词可代表一种可变类型。而js是一种弱语言，高级语言才要区分变量类型。在js中，一句代码结束后就加一个分号。

• 另外：document.getElementByld(“对应的html中的标签的ID值”)返回一个对应的标签对象。document代表html上下文，由所有html代码组成的元素以及其他一些元素。通过getElementByld方法可以获得html元素。

data-属性，自定义数据

function dodata2(){
       // 这个函数用来输出js中的变量的值或者想要看到的文本,可以直接在浏览器的console窗口中看到,通过进入开发者模式或者f12看到console窗体	var log=document.getElementById("log");    // dataset实际上是一个domstringmap,里面用json格式存储着所有的data-自定义属性数据	log.dataset.ljyDb="搜索";    // 这种使用data-属性自定义属性的属性,可以通过js直接赋值来改变	alert(log.dataset.ljyDb);}

通过js来控制h5中的hidden属性

// 控制可见  dovit()为html中定义的onclick属性名function dovit(){
   	// 根据ID获取元素	var txt=document.getElementById("txt");	var txt=document.getElementById("txt");	// 移除元素的属性	txt.removeAttribute("属性名称");	txt.removeAttribute("hidden");}// 控制不可见function dovif(){
   	var txt=document.getElementById("txt");	// 设置元素的属性，txt.setAttribute("属性名称","属性值");	txt.setAttribute("hidden","hidden");}

js+css控制显示和隐藏

以下为在html页面级使用。

js控制显示或者隐藏：

• 步骤 1.获取html元素,根据id来获取
• 步骤2.控制元素的行内样式来实现元素的显示或隐藏(控制的是style.display样式)

JS中的一些用法

• document.write("想要输出的内容");——输出到页面上的内容。
• alert("想要弹框显示的内容");——弹框显示的内容。
• console.log();——查看获取过来的js元素。
• windows.onload=function(){};——当页面载入完成后加载一个匿名函数。没有名字的函数，用于对某个事件的绑定，直接调用。
• im1.onmouseover(){};——当鼠标经过时发生的事件。此处"im1"为自定义的属性名。
• h.onmouseout=function(){};——当鼠标移开时发生的事件。"h"为自定义的属性名。

转载地址：http://ymugn.baihongyu.com/