<head>

<style>

 body{font-size:12px;}

#txt{

    height:400px;

    width:600px;

    border:#333 solid 1px;

    padding:5px;}

p{

    line-height:18px;

    text-indent:2em;}

</style>

</head>

<body>

<h2 id="con">JavaScript课程</h2>

  <div id="txt" class="one">

     <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>

        <p>1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>

        <p>2. JavaScript进阶篇，让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>

        <p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>

  </div>

  <form>

  <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->

    <input type="button" value="改变颜色" onclick="ccolor()">

    <input type="button" value="改变宽高" onclick="cwh()">

    <input type="button" value="隐藏内容" onclick="cnone()">

    <input type="button" value="显示内容" onclick="cblock()">

    <input type="button" value="取消设置" onclick="csz()">

  </form>

*****

    var ws1=document.getElementById('txt');

  function ccolor(){

        ws1.style.color="red";

        ws1.style.backgroundColor="blue";}//定义"改变颜色"的函数

function cwh(){

        ws1.style.width="100px";

        ws1.style.height="200px";}//定义"改变宽高"的函数

function cnone(){

    ws1.style.display="none";

}//定义"隐藏内容"的函数

function cblock(){

    ws1.style.display="block";

}//定义"显示内容"的函数

function csz(){

   var ws5=confirm("是否取消设置？");

if(ws5==true){

    ws1.removeAttribute("style")

}   //定义"取消设置"的函数

}

代码页面显示如下：

javascript学习内容--改变样式、取消设置、显示内容、隐藏内容的更多相关文章

  1. 解决：mui 的 选项卡 + 下拉刷新 功能，在其中嵌入 iframe 后，在 iphone 的情况下，iframe 的内容不能滚动，只显示第一屏内容。

    我所遇到的情况是,使用 mui 的 选项卡 + 下拉刷新 功能时,其中有2个页面是嵌入了别的网站的页面,而别个几个是通过 ajax 加载本网站的数据.然后 在其中嵌入 iframe 后,在 iphon ...

  2. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类：显示和隐藏内容

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. javascript实现百度地图鼠标滑动事件显示、隐藏

    其实现思路是给label设置样式,我们来看下具体做法吧 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 var label = new BMap.Labe ...

  4. Swift - 文本输入框内容改变时响应，并获取最新内容

    1,问题描述 有时我们开发的时候需要先把“确认”按钮初始设置为不可用,当文本框中输入文字以后,再将输入按钮变为可用. 2,实现原理 (1)要检测文本框内容的变化,我们需要让新界面的Controller ...

  5. 关于MFC文本框输入内容的获取 与 设置文本框的内容

    八月要开始做界面了<(￣︶￣)/,然而目前只会用MFC╮(╯▽╰)╭ 好吧,言归正传,设置好文本框后,要获取用户输入的内容,可以用: GetDlgItemText() ; 这个函数有两个参数,第 ...

  6. CSS检测窗口大小显示和隐藏内容

    代码不多 用css写的话简单一点 @media (max-width: 1024px) { #hidden { display: none; } } max-width 是要检测的宽度

  7. css设置滚动条颜色与样式以及如何去掉与隐藏滚动条

    我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,于是本人搜集整理一番,这里和大家分享一下使用CSS设置滚动条颜色以及如何去掉滚动条的方法,需要的朋友可以 ...

  8. HTMl5/CSS3/Javascript 学习推荐资源

    HTMl5/CSS3/Javascript 学习推荐资源 前端的定义应该是数据内容的展示,在国内大家都觉得前端只是HTML+CSS+Javascript,但是实际上与展示有关的都是前端,所以Ruby/ ...

  9. javascript学习笔记（五）：异常捕获和事件处理

    异常捕获 Try{ 发生异常的代码块 }catch(err){ 异常信息处理 } <!DOCTYPE html> <html> <head lang="en&q ...

随机推荐

  1. 一:luecne初体验

    package com.cmy.lucene.lucene; import java.io.File; import java.io.FileReader; import java.nio.file. ...

  2. [Android] 修改ImageView的图片颜色

    有两种方法: 方法1: ImageView imageView = (ImageView) findViewById(R.id.arrow_image); Drawable tipsArrow = i ...

  3. 对ADC（DAC）的线性度（INL和DNL）的一点理解 [转]

    大家在使用ADC的时候,往往最关注位数,而对ADC的线性度往往会忽略. 其实这个线性度也是ADC非常重要的指标,ADC(或DAC,其实ADC也是由DAC组成的)线性度指标有两个: INL:翻译过来叫“ ...

  4. LA 4255 UVa1423 拓扑排序

    题目给出的是Sij的正负号,Sij=ai+...+aj,所以令前缀和Bi=a0+a1+..+ai,a0=0,B0=0,则有Sij=Bj-B(i-1): 由此构造出Bi的拓扑序列,只要每个拓扑序列相邻的 ...

  5. 二十七、JDK1.5新特性---Annotation

    上篇文章介绍了反射的一些基础知识以及应用案例,本文将介绍jdk 1.5 出现的新特性——Annotation也就是我们所说的注解,即使用注释的方式加入一些程序的信息. 注解相当于一种标记,在程序中加了 ...

  6. 用友ERP-U8最新破解(再次更新版本，附安装过程中的解决办法）

    新版用友u8.70下载地址:http://ftp.shangyuchem.com/应用软件/用友ERP-U8管理软件(8.70版).rar 准备好安装环境,因为需要SQLSERVER和IIS支持,而个 ...

  7. WCF、MongoDB

    http://www.cnblogs.com/quietwalk/archive/2011/08/09/2132573.html http://www.cnblogs.com/huangxinchen ...

  8. Linux中环境变量文件及配置

    Linux中环境变量文件及配置   一.环境变量文件介绍 转自:http://blog.csdn.net/cscmaker/article/details/7261921 Linux中环境变量包括系统 ...

  9. C#:额外知识点

    6.写入.输出二进制数据(指定地址 与 内存交互数据) public void WriteSerialize(object data, int offset, int length) { Binary ...

  10. MyBatis传入参数为集合、数组SQL写法

    参考:http://blog.csdn.net/small____fish/article/details/8029030 foreach的主要用在构建in条件中,它可以在SQL语句中进行迭代一个集合 ...