js简单显示和隐藏div

.<!DOCTYPE html>
.<html>
.<head>
.<meta charset="UTF-8">
.<title>Insert title here</title>
.<script type="text/javascript">
.    window.onload=function(){
.        document.getElementById("hi1").onclick = function(){
.            document.getElementById("d").style.display='block';
.        };
.        document.getElementById("hi2").onclick = function(){
.            document.getElementById("d").style.display='none';
.        };
.    }
.</script>
.<style type="text/css">
.    #d{
.        display: none;
.        color: red;
.    }
.</style>
.</head>
.<body>
.        显示<input id="hi1" type="radio" name="hi"/>隐藏<input id="hi2" type="radio" name="hi"/>
.        <div id="d">这是要显示和隐藏的数据</div>
.</body>
.</html>

js触发超链接

.<!DOCTYPE html>
.<html>
.<head>
.<meta charset="UTF-8">
.<title>Insert title here</title>
.</head>
.<body>
.<input type="button" id="button" value="控制超链接" onclick="fun()"/>
.<a href="myjs.html" id="aa">跳转到</a>
.</body>
.<script type="text/javascript">
.    function fun(){
.        var link = document.getElementById("aa").href;
.        window.location.href = link;
.    }
.</script>
.</html>

隐藏显示div，动态更改button值

.<!DOCTYPE html>
.<html>
.<head>
.<meta charset="UTF-8">
.<title>Insert title here</title>
.<style type="text/css">
.    #hi{
.        display: none;
.    }
.</style>
.<script type="text/javascript">
.    window.onload=function(){
.        ;
.        document.getElementById("bu").onclick=function(){
.            ==){
.                document.getElementById("bu").value="Click to hidden answer";
.                document.getElementById("hi").style.display = 'block';
.            }else{
.                document.getElementById("bu").value="Click to see the answer";
.                document.getElementById("hi").style.display = 'none';
.            }
.            i++;
.        };
.    };
.</script>
.</head>
.<body>
.<input type="button" id="bu" value="Click to see the answer"/>
.<div id="hi">
.    This is the answer.
.</div>
.</body>
.</html>

setInterval()使用，（如果没有效果，可以在第一个参数后面加上;试试，如setInterval("changeTime();",50)）

. <html>
. <head>
. <script>
. );//第二个参数以毫秒为单位
.    function changeTime(){
.    var d = new Date();
.        document.getElementById()+"月"+d.getDate()+"日  "+d.getHours()+"时"+d.getMinutes()+"分"+d.getSeconds()+"秒";
.    }
.
. </script>
. </head>
. <body>
.<input type="/>
.</body>
.</html>

jQuery easyui弹出框

.<!DOCTYPE html>
.<html>
.<head>
.    <meta charset="utf-8">
.    <title>ComboBox Actions - jQuery EasyUI Demo</title>
.    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
.    <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
.    <link rel="stylesheet" type="text/css" href="../demo.css">
.    <script type="text/javascript" src="../../jquery.min.js"></script>
.    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
.</head>
.<body>
.    <h2>ComboBox</h2>
.    <p>Click the buttons below to perform actions.</p>
.
.    <div style="margin:20px 0;">
.        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="setvalue()">SetValue</a>
.        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert($('#state').combobox('getValue'))">GetValue</a>
.        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#state').combobox('disable')">Disable</a>
.        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#state').combobox('enable')">Enable</a>
.    </div>
.    <script type="text/javascript">
.    var i ;
.        function setvalue(){
.        /*
26.            $.messager.prompt('SetValue','Please input the value(CO,NV,UT,etc):',function(v){
27.                if (v){
28.                     $.messager.show(
29.                       {
30.                        title: "电脑监测",
31.                        msg: "CPU温度过高，请浇凉水",
32.                        showType: 'fade',
33.                        timeout: 5000
34.                      }
35.                    );
36.                }
37.            });
38.
39.            $.messager.alert(
40.            '这是一个警告框','cpu温度过高','warning',function(){
41.            }
42.            );
43.
44.            $.messager.confirm("删除确认","确定要删除吗？",function(data){
45.                i=data;
46.                alert(i);
47.            });
48.            */
.            $.messager.prompt("输入框","请输入一个数字",function(data){
.                $.messager.alert("输入提示框","您输入的数字是："+data,'info');
.            });
.        }
.    </script>
.
.</body>
.</html>

如果出现乱码，首先查看页面中是否设置了编码，如果页面中设置了编码uft-8，则可以用记事本打开文件，另存为，查看文件的编码是否和页面编码相同，即是否为utf-8，如果不是，则可以选择utf--8进行保存。乱码即可解决，如果还未解决，则可先以utf-8格式建立一个html文件，然后将出现乱码并且页面编码为utf-8的html内容拷贝进来，则乱码可被解决。

js简单显示和隐藏div，触发超链接，动态更改button值，setInterval（）简单使用，jquery easyui弹出框简单使用 .的更多相关文章

  1. JS 实现显示和隐藏div（以百度地图为例）

    主要参考的文章:https://my.oschina.net/xsh1208/blog/215811,https://zhidao.baidu.com/question/568774688.html ...

  2. popOver 弹出框简单使用

    1.仿QQ弹出框 1.1用到的知识点 1.1.1如何调整弹出框的大小(这里弹出的也是控制器) 这里已经有讲解过http://blog.csdn.net/iostiannan/article/detai ...

  3. easyui 弹出框调用外部js函数 提示“Microsoft JScript 运行时错误: 缺少对象”

    昨天遇见一个很诡异的问题 我用easyui做了一个网站,其中有一个a页面和一个b页面,我通过easyui的window功能,在a页面中弹出了一个b页面,在b页面中,我用到了一个外部js的函数c,我在b ...

  4. Django：popup弹出框简单应用实例

    效果:在p1.html页面点击,弹出p2的弹出框,填写数据,在 popup_response页面处理数据 1.url设置 urlpatterns = patterns( url(r'^p1.html' ...

  5. JS组件系列——Bootstrap寒冬暖身篇：弹出框和提示框效果以及代码展示

    前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...

  6. JS组件Bootstrap实现弹出框和提示框效果代码

    这篇文章主要介绍了JS组件Bootstrap实现弹出框和提示框效果代码,对弹出框和提示框感兴趣的小伙伴们可以参考一下 前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编 ...

  7. 原生Js封装的弹出框-弹出窗口-页面居中-多状态可选

    原生Js封装的弹出框-弹出窗口-页面居中-多状态可选   实现了一下功能: 1.title可自定义 可拖拽 2.width height可以自定义 3.背景遮罩和透明度可以自定义 4.可以自己编辑弹出 ...

  8. JavaScript网站设计实践（四）编写about.html页面，利用JavaScript和DOM，选择性的显示和隐藏DIV元素

    一.现在我们在网站设计(三)的基础上,来编写about.html页面. 这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIV about.html页面在前面我们为了 ...

  9. Js控制显示、隐藏文本框中的密码

    Js控制显示.隐藏文本框中的密码,也可称为是一款小型的JavaScript星号密码破解器,点击会显示出密码类型的文本框中的真实信息,再次点击则还原,程序 主要是获取HTML元素对象,然后强制更改元素属 ...

随机推荐

  1. LoadRunner参数化之数据取值和更新方式

    其实看LR已经很久了,每次看到参数化的取值更新时,都没有看透,了解个大概就为止了,也确实挺搞脑子的. 现在理解下来 分成2部分 取值方式  Select next row 如何从数据列表中取值 Seq ...

  2. URL编码表%20Base64编码表%20HTTP消息含义

    URL编码表 backspace 8% A 41% a 61% § %A7 Õ %D5   tab 9% B 42% b 62% « %AB Ö %D6   linefeed %0A C 43% c ...

  3. 【转】Linux 查看内存(free buffer cache)

    转自:http://elf8848.iteye.com/blog/1995638 Linux下如何查内存信息,如内存总量.已使用量.可使用量.经常使用Windows操作系统的朋友,已经习惯了如果空闲的 ...

  4. 2016.9.14 JavaScript入门之七面向对象和函数

    1.JavaScript中的变量,可以是对象,具有相应的属性: 2.我们也能够使用构造函数创建对象.构造函数的函数给出了一个大写的名称,以使它清楚地表明它是一个构造函数. 在构造函数中,这个变量是指由 ...

  5. 《DSP using MATLAB》示例Example5.2

    代码: L = 5; N = 20; k = [-N/2:N/2]; % square wave parameters xn = [ones(1,L), zeros(1,N-L)]; % Sq wav ...

  6. MFC 单文档 根据数据 绘图

    以VS2015中创建SDI为例 选择生成的类为:C***View,基类为CView,***为项目名 在***Doc.h和***Doc.cpp中创建数据模型,在***View.cpp的OnDraw()中 ...

  7. myeclipse操作记录

    myeclipse里面jsp页面里面js注释快捷键 ctrl + shift +cctrl + / MyEclipse 每次保存都要building workspace的解决方法 方法一:菜单栏-&g ...

  8. C#数组的声明方式

    C#数组的五种声明方式 一.声明一个未经初始化的数组引用,以后可以把这引用初使化为一个数组实例 int[] intArray; intArray = new int[10]; 注:数组的引用必须以相同 ...

  9. XCOJ 1168 (搜索+期望+高斯消元法)

    题目链接: http://xcacm.hfut.edu.cn/oj/problem.php?id=1168 题目大意:D是起点,E是终点.每次等概率往某个方向走,问到达终点的期望步数.到不了终点或步数 ...

  10. HDU3068最长回文 题解

    题目大意: 求字符串的最长回文子串的长度. 思路: Manacher板题,Hash可能会T.要学习Manacher,可参考https://www.felix021.com/blog/read.php? ...