`
zengshaotao
  • 浏览: 807318 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

javascript 页面控制常用

 
阅读更多

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
 <style>
 html {height:100%; overflow-x: auto; overflow-y: auto; }
 body{
  height:100%;
  border:0px;
  background:url(<%=request.getContextPath()%>/resources/image/images/a_91.jpg) repeat-x;
  background-color: #ffffff;
  margin:0px;
    padding:0px;
 }
 iframe{
  margin:0px;
  padding-left:0px;
  padding-right:0px;
  border-left:0px;
  border-right:0px;
  overflow-y: hidden;
 }

 </style>
</head>
<body onload="">
<script type="text/javascript">
 var flag = true;
 
 window.onload=function(){
  var selectObj=document.getElementById('shengda');
  //for(var i=0;i<selectObj.options.length;i++){
   //if("2"==selectObj.options[i].value){
    //selectObj.options[i].selected=true;
   //}
  //}
  selectObj.selectedIndex = 2;
 }
 function getInfo(){
  var select = document.getElementById("shengda");
  var value = document.getElementById("shengda").value;
  var text = document.getElementById("shengda").options[document.getElementById("shengda").selectedIndex].text;
  document.getElementById("shengda").selectedIndex = 0;// 第一个被选中
  var option = document.createElement("option");
  option.value = "text";
  option.text = "这是创建的option";
  select.add(option);
 }
 function delSelectOpt(){
  var select = document.getElementById("shengda");
  for(var i = 0;i<select.options.length ; i++){
   if(select.options[i].selected){
    select.options.removed(i);
   }
  }
 }
 function hideC1(formObj){
  
  var els = formObj.elements;
  for(var i=0;i<els.length;i++) {
   if(els[i].type!="hidden" && els[i].type!="button" && els[i].type!="radio"){
    els[i].value = "";
   }
   //alert(els[i].value+"--"+els[i].type);
   if(els[i].type=="radio"){
    
    if(els[i].value == "2")
     els[i].checked = true;
    else
     els[i].checked = false;
   }
    
  }
  
  if(flag){
   document.getElementById("contain1").style.display="none";
   flag = false;
  }else{
   document.getElementById("contain1").style.display="block";
   flag = true;
  }
  
 }
 
 function delTest(obj){
  var currRowIndex = tbcontent.rows.length;
  var trNode = obj.parentNode.parentNode;
  //alert(trNode.sectionRowIndex);索引从0开始
  if(currRowIndex>1){
   tbcontent.deleteRow(trNode.sectionRowIndex);//直接使用tbody的id属性
  }else{
   alert("最少保留一行");
  }
 }
</script>
<select id="shengda" onchange="delSelectOpt()">
 <option value="1">zengshaotao</option>
 <option value="2">test</option>
 <option value="3">test1</option>
</select>

<input type="button" value="测试很多问题" onclick="javascript:getInfo()">
<br>
<a href="#">连接需要东西,没有文字,链接没有了意义,标签之中的内容是链接的载体</a>
<p>表单控件的内容对象才会提交到服务端。div只是起到了一个容器的作用
<br>可以直接对标签进行css的定义
<form name="" action="" method="">
 <div id="contain1">
  <input type="text" value="1"/>
  <input type="text" value="11"/>
 </div>
 <div id="contain2">
  <input type="text" value="2" />
  <input type="text" value="22" />
 </div>
 <input type="radio" value="1" name="sex">男
 <input type="radio" value="2" name="sex">女
 <br>
 <input type="button"" value="contain1" onclick="hideC1(this.form)"/>
 <input type="button"" value="contain2"/>
</form>

<table id="maintable" width="100%" border="0" cellspacing="0" cellpadding="4">
  <thead>
   <tr>
    <td>支付金额</td>
    <td>录入日期</td>
    <td>申请人</td>
    <td>英雄杀</td>
    <td>操作</td>
   </tr>
  </thead>
  <tbody id="tbcontent">
   <tr>
    <td>第一行</td><td>第一行</td><td>第一行</td><td>第一行</td>
    <td><input type="button" value="删除第一行" onclick="delTest(this)" /></td>
   </tr>
   
   <tr>
    <td>第二行</td><td>第二行</td><td>第二行</td><td>第二行</td>
    <td><input type="button" value="删除第二行" onclick="delTest(this)" /></td>
   </tr>
   
  </tbody>
</table>

</body>

</html>

0
0
分享到:
评论

相关推荐

    javascript个人常用特效

    JavaScript可以控制其显示和隐藏,以及与主页面的交互。 8. **滚动效果**:如滚动监听、固定顶栏、无限滚动等,JavaScript能实现这些增强用户体验的功能。 9. **表单验证**:JavaScript可以直接在客户端进行表单...

    JavaScript常用语句精选

    ### JavaScript常用语句精选 #### 一、概述 在网页开发中,JavaScript 是一种非常重要的客户端脚本语言,被广泛应用于交互式网站的设计与实现。本文档中的代码片段虽然较为特殊且不易理解,但其中涉及到了一些关键...

    Javascript中最常用的经典技巧

    ### JavaScript中最常用的经典技巧解析 #### 一、彻底屏蔽鼠标右键 - **知识点**: `oncontextmenu` 事件处理程序通常用来响应鼠标右键点击事件。通过设置 `window.event.returnValue = false` 或者直接返回 `false...

    javascript页面跳转与自动刷新常用代码

    #### 六、JavaScript页面跳转常用代码 除了刷新页面之外,JavaScript还提供了多种页面跳转的方式。 1. **按钮式页面跳转** - **示例代码**: ```html ``` 2. **链接式页面跳转** - **示例代码**: ```html...

    程序员常用JavaScript特效

    本文将深入探讨一些程序员常用的JavaScript特效及其背后的原理。 首先,我们来谈谈JavaScript基础。JavaScript是一种解释型、弱类型、基于原型的对象导向语言,它主要在浏览器环境中运行,用于处理用户交互、操作...

    程序员常用的javascript特效

    本资源"程序员常用的javascript特效"旨在为开发者提供一系列实用的JavaScript特效实例,帮助他们快速实现所需功能。 在JavaScript特效中,有以下几个重要的知识点: 1. **DOM操作**:JavaScript通过Document ...

    javascript 常用的属性与方法

    本篇文章主要聚焦于JavaScript中的一些常用属性和方法,特别是针对文档对象模型(DOM)的操作。 1. **document对象**:作为JavaScript中的全局对象,它代表了整个HTML或XML文档。例如,`document.title`用于设置或...

    Javascript特效代码大全 程序员常用的网页特效

    JavaScript主要运行在浏览器环境中,通过DOM(文档对象模型)操作HTML元素,CSS(层叠样式表)控制页面样式,以及AJAX(异步JavaScript和XML)实现数据的异步加载。这些基本概念是理解JavaScript特效的基础。 2. *...

    javaScript107个常用语句

    最后,JavaScript与DOM(Document Object Model)紧密集成,通过DOM API可以操作网页元素,实现动态更新页面。事件监听和事件处理程序是与用户交互的核心。 综上所述,“JavaScript107个常用语句”涵盖了从基本语法...

    javascript常用特效(三大资源).可做参考

    在JavaScript123.chm文件中,你将找到JavaScript的基础知识,包括变量、数据类型、控制流程(如条件语句和循环)、函数、对象以及事件处理等。这些是实现特效的基础,理解它们能帮助你更好地构造和控制页面的行为。 ...

    Javascript效果总结(包含绝大多数Javascript效果和常用的Javascript功能)

    这篇文档汇总了多种JavaScript效果和常用功能,旨在为开发者提供便利,帮助他们在实际项目中快速找到和应用所需的效果。 1. **返回上一页**: 在不知道用户是从哪个页面跳转而来时,可以使用`history.back()`函数...

    javascript常用方法实例

    在这个“javascript常用方法实例”中,我们将会探讨一些JavaScript的核心概念和常用方法,以及它们在实际应用场景中的实例。 1. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构化表示,...

    JavaScript程序员常用特效

    在这个压缩包中,"程序员常用JavaScript特效.chm"很可能包含了各种常见的JavaScript特效实现,如页面滚动动画、下拉菜单、轮播图、模态框、时间轴、图表绘制、拖放功能、响应式设计、AJAX异步加载等。这些特效的源码...

    网页常用Javascript经典代码收集

    根据给定的文件信息,以下是对“网页常用Javascript经典代码收集”的知识点详细解析: ### 1. 添加书签功能 这段代码实现了一个简单的添加书签的功能。通过调用`window.external.addFavorite`方法,可以将当前页面...

    JavaScript常用语句及语言参考

    JavaScript是一种广泛应用于Web开发的脚本语言,它在浏览器端运行,为网页添加交互性,使得用户能够与页面进行动态沟通。这篇文档将深入探讨JavaScript的常用语句和语言参考,帮助初学者建立坚实的基础。 一、变量...

    javascript常用操作技巧

    ### JavaScript 常用操作技巧详解 在前端开发领域,JavaScript 是一门不可或缺的语言,它能够帮助开发者实现多种功能,从而提升用户体验。本文将基于提供的文件信息,深入解析一系列JavaScript常用操作技巧及其应用...

    javascript常用代码及汇总

    "javascript常用代码及汇总"这个资源集合了JavaScript编程中的一些常见用法和实用技巧,是开发者学习和工作中的一大助力。 首先,JavaScript的核心概念包括变量、数据类型、控制结构、函数、数组、对象等。变量是...

    工作中常用的javascript脚本

    JavaScript的基础语法包括变量声明(`var`, `let`, `const`)、数据类型(如字符串、数字、布尔、对象、数组、null和undefined)、流程控制(条件语句、循环结构)以及函数的使用。理解这些基本概念是编写任何...

    javascript页面特效38例

    在这个名为“javascript页面特效38例”的压缩包中,包含了38个HTML文件,每个文件都展示了不同的JavaScript特效,这些特效涵盖了当下网页设计中常用的功能。 1. **导航菜单**:JavaScript可以创建动态的导航菜单,...

    前端常用JavaScript特效合集

    这个"前端常用JavaScript特效合集"包含1500个不同的特效,为开发者提供了丰富的资源库,帮助他们提升用户体验,使得网站或应用更加生动、吸引人。 1. **基础特效**:JavaScript基础特效包括动画效果(如淡入淡出、...

Global site tag (gtag.js) - Google Analytics