<script language="javascript" type="text/javascript">
</scritp>
//获取文本框的值
var a=document.form1.text1.value;
//获取单选框的值(要分组，组名为zhu1，即把名称都设为zhu1)
var xb
if(document.form1.zhu1[0].checked;)
{
xb=document.form1.zhu1[0].value;
}
else
{
xb=document.form1.zhu1[1].value;
}
//获取多选框的值
var dx="";
if(document.form1.dx1.checked)
{
dx=document.form1.dx1.value;
}
if(document.form1.dx2.checked)
{
dx+=document.form1.dx2.value;
}
if(document.form1.dx3.checked)
{
dx+=document.form1.dx3.value;
}
//把多选框分为1组name 为zhu2
var x=document.form1.zhu2
for(var=0;i<x.lenght;i++)
{
if(x[i].checked)
{
dx+=x[i].value;
}
alert(dx)
}
常用事件：onclick() onchange() onBlur() onFocus()
//选定文本框
docoment.form1.wbk.select();
//判断是否为空
var x=document.form1.wbk.value;
if(x==null || x=="")
{
}
//文本框全部选择
var x=document.form1.zhu2
function selectAll()
{
for(var i=0; i<x.lenght;i++)
{
x[i].checked=true;//取消全选x[i].checked=false
}
}
//链接js文件
<script type="text/javascript" src="" ></script>
//对表单的列表操作（onchang()事件）
var x = document.form1.select.value;
document.form1.action = "网址"
document.form1.submit();
//css链接
<link href="" rel="stylesheet" type="text/css">
//内嵌css
<style></style>
//行内样式（最终结果是color:#0000ff）
<p style="color:#0000ff" class="style1">
总结：行内样式>内嵌样式>外联样式
//通过ID获取元素
document.getElementById("").属性;
如：document.getElementById("ddf").style.color="#000fff"
//隐藏元素
document.getElementById("ddf").style.display="none"
//显示元素
document.getElementById("ddf").style.display=""
//如：分栏的显示和隐藏
<body>
<div align="center">
<table width="57%" border="1">
<tr>
<td width="19%" height="200" id="lanmu"><div align="center">
<p>栏目1</p>
<p>栏目2</p>
<p>栏目3</p>
<p>栏目4</p>
<p>栏目5</p>
</div></td>
<td width="15%" height="200"><div align="center"><span id="img"><img src="images/向左.gif" width="41" height="41" onClick="yc();"></span></div></td>
<td width="66%"><div align="center">内容</div></td>
</tr>
</table>
</div>
</body>
<script language="javascript" type="text/javascript">
function yc()
{
document.getElementById("lanmu").style.display="none"
document.getElementById("img").innerHTML ="<img src='images/向右1.gif' onClick='xs();'>"
}
function xs()
{
document.getElementById("lanmu").style.display="block"
document.getElementById("img").innerHTML="<img src='images/向左.gif' onClick='yc();'>"
}
</script>
分享到：
相关推荐
个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版，涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明： 1. 什么是JavaScript...
JavaScript学习笔记讲解版参考.pdf是一份详尽的教程，涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始，引导读者理解网页样式的设置与应用。 1. CSS（Cascading Style Sheets）样式表是用于控制...
这份“javascript学习笔记整理知识点整理”是针对初学者的一份宝贵资料，涵盖了JavaScript的基础知识，旨在帮助新手快速入门并掌握这门语言的核心概念。 一、变量与数据类型 在JavaScript中，变量用于存储数据。...
JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言，能实现网页的交互功能。下面是该资源中的重要知识点总结： 一、 JavaScript 基本概念 * ...
JavaScript学习笔记是一本关于JavaScript编程语言的教材，该教材通过丰富的实例，系统地介绍了JavaScript的基础知识和实际应用技巧，帮助读者一步步掌握客户端编程技术。本书共分为九章，每一章都有其特定的主题，...
根据提供的文件信息，可以看出这份“我的javascript学习笔记”主要涵盖了JavaScript中的几个关键概念和技术要点，包括正则表达式、AJAX以及一些JavaScript的核心语言特性。接下来将这些知识点进行详细的整理和解释。...
JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...
JavaScript学习笔记——深入理解基础与函数 在JavaScript中，学习基础知识是至关重要的，因为它是所有进一步编程技巧的基础。首先，我们需要了解JavaScript中的数据类型。在JavaScript中，有五种简单的数据类型：...
"Javascript学习笔记（传智播客视频学习笔记+代码）"是一份全面介绍JavaScript基础知识的学习资源，适用于初学者。这份笔记结合了传智播客的web前端培训视频内容，提供了丰富的理论讲解和实践代码，帮助读者从零开始...
这只是JavaScript学习笔记的一小部分，JavaScript还有更多高级特性和概念，如对象、数组、函数、类、模块、闭包等，以及DOM操作、事件处理、Ajax异步请求等内容，需要进一步深入学习和实践才能掌握。
这个“javaScript学习笔记.rar”压缩包显然包含了作者在学习JavaScript过程中的心得和记录，对于初学者或者想要深入理解JavaScript的人来说，是一份宝贵的资源。 JavaScript与Java虽然名字相似，但两者实际上是不同...
《蓝杰JavaScript学习笔记》是一份综合性的JavaScript学习资料，主要涵盖了JavaScript在网页动态操作、DOM操作以及事件处理等方面的基础知识。这篇笔记通过多个实例文件，如`dynamicCreateTable.htm`、`...