`
MMSCAU
  • 浏览: 114321 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js 学习

    博客分类:
  • js
阅读更多

js 控制div的显示

 

<html>
   <meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
  <head><TITLE>测试</TITLE>
     <script>
         function sel(){
             if(document.myForm.divList.value==1)
             {
               
                document.getElementById("div1").style.display="";
                document.getElementById("div2").style.display="none";
             }
            
             if(document.myForm.divList.value==2)
             {
               
                document.getElementById("div2").style.display="";
                 document.getElementById("div1").style.display="none";
             }
           
           
         }
     </script>
  </head>
  <body>
    <form name="myForm">
       <select name="divList" onchange="sel()">
         <option value="1">hello</option>
         <option value="2">world</option>
       </select>
       <div id="div1" style="display:none;">
         <label>my div1</label>
       </div>
       <div id="div2" style="display:none;">
       <label>my div2</label>
       </div>
    </form>
  </body>
</html>

分享到:
评论

相关推荐

    JS学习资料(自己整理)

    下面将根据"JS学习资料(自己整理)"的描述,深入探讨JavaScript的基础知识。 一、变量与数据类型 JavaScript 支持七种数据类型,包括两种原始类型:Undefined、Null、Boolean、Number、String、Symbol(ES6新增)...

    javascript_js学习教程

    此“javascript_js学习教程”是针对初学者精心设计的,来源于中兴通讯的内部培训资料,旨在帮助新入门的开发者快速掌握JavaScript的基础知识和实践技巧。 一、JavaScript基础 1. 变量与数据类型:JavaScript支持...

    js操手特效,js效果,js学习资料

    - **免费Codecademy课程**:提供互动式的JavaScript学习路径。 - **W3Schools**:提供了丰富的JavaScript教程和示例代码。 压缩包内的文件可能与这些知识点直接相关: 1. **FixedTips.htm**:可能是一个展示固定...

    JavaScript学习指南 源代码

    本“JavaScript学习指南”源代码包含了深入理解并掌握JavaScript编程的关键知识点。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册六:JS条件语句

    JavaScript是Web前端开发的核心语言之一,它为网页和应用程序提供了动态交互的能力。在JavaScript中,条件语句是...在头歌教学实践平台的Web前端开发课程中,这些基础知识的学习和实践将为你的编程技能打下坚实的基础。

    JS学习.zip

    JavaScript,简称JS,是Web开发...综上所述,这个"JS学习.zip"压缩包提供了全面的JavaScript学习资源,从基础到高级,覆盖了核心概念、DOM操作、面向对象和异步编程,是初学者或进阶者提升JavaScript技能的宝贵资料。

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...

    学习资料 js学习资料

    在“学习资料 js学习资料”这个主题下,我们主要关注JavaScript的基础知识、实例应用以及与CSS的协同工作。 1. JavaScript基础: - 变量:JavaScript中的变量用于存储数据,可以使用var、let或const关键字声明。 ...

    史上最全的JavaScript学习资料

    这个压缩包中的“史上最全的JavaScript学习资料”显然包含了一系列丰富的资源,旨在帮助学习者深入理解和掌握JavaScript。 JavaScript最初由Netscape公司的Brendan Eich设计,目的是为了解决网页动态交互的问题,使...

    JS学习资料

    首先,"JS学习"意味着我们将探讨JavaScript的基础语法,包括变量、数据类型(如字符串、数字、布尔值、对象等)、控制结构(如条件语句、循环语句)、函数、作用域、闭包等。这些都是编程的基石,理解它们能够帮助...

    js学习资料

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言,主要负责客户端的动态交互。李炎恢老师的JS学习资料是一套全面且深入的学习资源,适合初学者和有一定基础的开发者进阶学习。 首先,JavaScript是Web...

    html css js 学习.zip

    html css js 学习html css js 学习html css js 学习html css js 学习 html css js 学习html css js 学习html css js 学习html css js 学习 html css js 学习html css js 学习html css js 学习html css js 学习 ...

    html css js学习.zip

    html css js学习html css js学习html css js学习html css js学习 html css js学习html css js学习html css js学习html css js学习 html css js学习html css js学习html css js学习html css js学习 html css js学习...

    html css js 学习笔记.zip

    html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...

    JavaScript学习笔记_js常用函数封装_js包.zip

    本压缩包“JavaScript学习笔记_js常用函数封装_js包.zip”包含了对JavaScript基础及进阶技巧的学习资料,特别关注了函数封装和模块化开发实践。 首先,`tool.js`可能是一个实用工具函数集合,封装了一些常见的...

    js 学习课程 ppt

    JavaScript(简称JS)是一种广泛应用于Web开发的轻量级、解释型编程语言,以其灵活性和交互性在网页设计中占据核心地位。本课程通过两份PPT深入浅出地介绍了JavaScript的基本概况和主要分类,旨在帮助学习者从宏观...

    Javascript学习安卓版

    Javascript学习是Android客户端目前最全面的免费离线Javascript学习书籍,从Html入门到Html样式设计,再到Javascript,提高网页设计能力。主要内容包括: 1、Html基本标签 2、Html表单知识 3、Web2.0(Div+Css样式)...

    HTML-CSS-JS 学习.zip

    HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 ...

Global site tag (gtag.js) - Google Analytics