界面元素一般操作

zengshaotao

浏览: 787306 次
性别:
来自: 上海

最近访客更多访客>>

njdccy

AK1343794853

chehaoj

jstl1point0

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

脚本里，有引入其他脚本文件的语句，这个引入语句必须是完整的<script src=""></script>不能是简写的形

式。对于完整的形式，其标签内的脚本块将不再执行。
<html>
<head>
<title>
外部链接js代码文件
</title>
</head>
<body>
<script language="javascript" src="src.js">
//脚本注释

这中间的任何代码都将无效，应该将这里的js代码放在另外一个脚本块里面
alert();//该句不会弹出对话框
</script>
<script language="javascript">
alert();
</script>
</body>
</html>

简单的html标签识记，很久以前写的。
<html>
<head>
<title>
模板html标记内容
</title>
</head>
<body>
<p>P标记表示一个段落，结束标记可有可无。
<pre>
这里是预定义的格式，真正显示的效果和这里
的自己定义的格式是一样的。。。。
</pre>
<address>
江西省上饶县铁山乡西岩村
</address>
<blockquote>
有的人死了，他还活着；有的人活着，他已经死了
</blockquote>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<form name="myform">
<table>

    <tr>
    <td width="50%">姓名:<input type="text" name="fullname"/><br>
                    密码:<input type="password" name="psd"/></td>
    <td width="50%">性别:<input type="radio" name="sex" value="nan" checked="checked"/>男
                   <input type="radio" name="sex" value="nv"/>女</td>
</tr>

<tr>
  <td width="50%">
   爱好:<input type="checkbox" name="music" value="on" />音乐 
        <input type="checkbox" name="sport" value="on" />运动</td>

  <td width="50%">
   学历:<select size="1" name="edu_level">
        <option>小学</option>
        <option>中学</option>
        <option selected="selected">大学</option>
        <option>大学以上</option>
    </select></td>
</tr>

<tr>
  <td width="100%" colspan="2">自我介绍：
  <textarea rows="3" cols="50"></textarea></td>
</tr>

<tr>
  <td align="center">
   <input type="submit" name="submit" value="提交" />
   <input type="reset" name="reset" value="重置" />
  </td>
</tr>
</table>
</form>
<hr>
<script language="javascript">
var myform,element,i;
myform = document.myform;
document.write("<h2>表单中有"+myform.length+"个元素</h2>");
for(i=0;i<myform.length;i++)
{
  element = myform.elements[i];
  if(i>0)document.write(",");
  document.write(element.name);
}
</script>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
function validate()
{
  if(!checkMyName(document.myform.myname.value)) return false;
  if(!checkMyCard(document.myform.mycard.value)) return false;
  alert("数据校验成功");
  return true;
}
function checkMyName(myName)
{
  if(!(myName.length>0))
  {
   alert("姓名不能为空");
   return false;
  }
   return true;
}
function checkMyCard(card)
{
  var ok,i=0,ch;
  ok = (card.charAt(4)=="-"&&card.charAt(9)=="-"&&card.charAt(14)=="-")
  if(!ok)
  {
   alert("卡号的输入格式不对");
   return false;
  }
  while(i<19)
  {
   ch = card.charAt(i);
   if(ch!="-"&&(ch<"0"||ch>"9"))
   {
    alert("卡号输入格式不对，格式应该是xxxx-xxxx-xxxx-xxxx，x是0到9其

中的一个数");
    return false;
   }
   i++;
  }
  return true;
}
</script>
<title>无标题文档</title>
</head>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function getSelected(love)
{
  var i;
  for(i=0;i<love.length;i++)
  {
   if(love[i].checked)
   return love[i].value;
  }
  return "[没有选择任何项目]";
}
function getProgram(p)
{
  var i=0,result="";
  for(;i<p.length;i++)
  {
   if(p[i].checked)
   result+="["+p[i].value+"]";
  }
  return result;//函数没有显式返回就自动返回undefined
}
function showResult()
{
  var f,msg;
  f=document.myform;
  msg = "您感觉本站:" + getSelected(f.love_item);
  if(""==getProgram(f.program))
  {
   msg+="\n 您还没有选择栏目";
   alert(msg);
   return;
  }
  msg += "\n 您希望本站出现以下栏目："+getProgram(f.program);
  alert(msg);
}
</script>
<body>
<table width="400">
<caption align="left">表格标题</caption>
<tr>
<td align="center">
  <h2>在线调查</h2>
  <p>您感觉本站的主页效果如何（单选）</p>
  <form name="myform">
   <p>
   <input type="radio" name="love_item" value="非常好" checked="checked" />

非常好
   <input type="radio" name="love_item" value="好" />好
   <input type="radio" name="love_item" value="一般" />一般
   </p>
  <p>您希望本站出现以下什么栏目（多选）</p>
  <p>
   <input type="checkbox" name="program" value="新闻" />新闻
   <input type="checkbox" name="program" value="娱乐" />娱乐
   <input type="checkbox" name="program" value="教育" />教育
   <br />
   <input type="button" name="b1" value="提交" onclick="showResult()" />
  </p>
  </form>
</td>
</tr>
</table>
</body>
</html>

<html>
<head>
<title>
模板html标记内容
</title>
<script language=javascript>
/*
var input,sqt_root,today;
today = new Date();
alert(today.toLocaleString());
document.write("今天是"+today.getFullYear()+"年"+today.getMonth()+"月"+today.getDate()+"

日");
input = parseFloat(prompt("x=","请在此输入浮点数"));
while(true)
{
  if(!isNaN(input))
  {
   break;
  }
  else
  {
   window.alert("您输入了不是数字的内容");
   input = parseFloat(prompt("x=","0"));
  }
}
sqt_root = Math.sqrt(input);
    alert(input+"的平方根是"+sqt_root);
alert("π的5次方="+Math.round(Math.pow(Math.PI,5)));

window.status = navigator.appVersion;

var t1,t2,htime,i,sum=0;
t1 = new Date();
document.write("循环前系统时间："+t1.toLocaleString()+":"+t1.getMilliseconds()+"<br>");
for(i=0;i<=10000;i++)sum=sum+i;
t2 = new Date();
document.write("循环后系统时间："+t2.toLocaleString()+":"+t2.getMilliseconds()+"<br>")
htime = t2.getTime() - t1.getTime();
document.write("执行10000次循环所需要的时间是："+htime+"<br>");
*/

/*document.write("javascript有效数的范围是：【"+Number.MIN_VALUE+","+Number.MAX_VALUE+"】

"+"<br>");*/
//记住下标从零开始
/*var org_str,up_str,i;
org_str = prompt("请输入一行文字","");
up_str = org_str.toUpperCase();
for(i=up_str.length-1;i>=0;i--)
document.write(up_str.charAt(i));*/
//数组内容自动扩展
var classt = new Array();
classt[0] = "test1";
classt[1] = classt[0];
classt[2] = "dong";
//使用的是length属性，不是方法
for(var i=0;i<classt.length;i++)
document.write(classt[i]+",");
//这里i表示的是下标0,1,2
for(var i in classt)document.write(i+",");
//没有人为输出时字符串末尾多余的逗号
document.write(classt.toString());

</script>
</head>
<body>

<pre>         成绩表
姓名          英语            计算机
------------------------------------

<script language=javascript>
var students;
students = new Array();
students[0] = new Array("景甜","89","78");
students[1] = new Array("文轩","85","78");
students[2] = new Array("嘉文","83","78");
students[3] = new Array("含蕴","90","78");
students[4] = new Array("雅馨","76","78");

for(var i in students)
{
  for(var j in students[i])
  {
   document.write(students[i][j]+"   \t     ");
  }
  document.writeln("   \t    ");
}
</script>
</pre>
</body>
</html>

分享到：

CSS | select

2012-11-23 16:29
浏览 947
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论