Javascript基础笔记总结

最新推荐文章于 2024-07-18 10:24:18 发布

sun5208

最新推荐文章于 2024-07-18 10:24:18 发布

阅读量645

点赞数

分类专栏： JAVASCRIPT 文章标签： javascript button input html function iframe

本文链接：https://blog.csdn.net/sun5208/article/details/5814054

版权

JAVASCRIPT 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

对象描述
Document代表整个 HTML 文档，可被用来访问页面中的所有元素
Anchor代表 <a> 元素
Area代表图像映射中的 <area> 元素
Base代表 <base> 元素
Body代表 <body> 元素
Button代表 <button> 元素
Event代表某个事件的状态
Form代表 <form> 元素
Frame代表 <frame> 元素
Frameset代表 <frameset> 元素
Iframe代表 <iframe> 元素
Image代表 <img> 元素
Input button代表 HTML 表单中的一个按钮
Input checkbox代表 HTML 表单中的复选框
Input file代表 HTML 表单中的文件上传
Input hidden代表 HTML 表单中的隐藏域
Input password代表 HTML 表单中的密码域
Input radio代表 HTML 表单中的单选按钮
Input reset代表 HTML 表单中的重置按钮
Input submit代表 HTML 表单中的确认按钮
Input text代表 HTML 表单中的文本输入域（文本框）
Link代表 <link> 元素
Meta代表 <meta> 元素
Object代表 <Object> 元素
Option代表 <option> 元素
Select代表 HTML 表单中的选择列表
Style代表单独的样式声明
Table代表 <table> 元素
TableData代表 <td> 元素
TableRow代表 <tr> 元素
Textarea代表 <textarea> 元素

........................................................................
<script type="text/javascript">
JS方法
</script>
或者
<script lanuage="javascript">
JS方法
</script>
..................................................................
script可以出现在页面任何地方。
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
如：<script language="javascript">
document.write(<br>可以在页面显示</br>);
..................................................................
javascript中定义是区分大小写的。是弱类型的。

外部引用：
<script language="javascript" src="testjs.js"></script>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
document.write("要输出的信息！")
在body标签里面,才能显示。
<script language="javascript">

var greeting;
greeting="亲爱的，你还好吗？";

</script>
</head>

document.write(greeting);//页面显示：亲爱的，你还好吗？

</script>

</body>
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
.....................................................................

<Script Language="JavaScript">
   var arr = new Array(3);//可以这样定义，但是没有意义
   arr[0] = 1;
   arr[1] = 2;
   arr[2] = 3;
   arr[3] = 4;
   arr["rrr"] = 4090;
</Script>
数组也可以这样定义：var arr=new Array(2,3,34,5);数组中存取的元素即是：
2，3，34，5
..................................................................
<Script language="JavaScript">
  for(var o in arr) {

   document.write("<br>"+arr[o]);//支持字符串连接
  }

  for(var o in arr){
   document.write(o)//o代表数组arr的下标值
                                        //0,1,2,3,rrr
  }
</Script>
....................................................................

Javascript调试：
IE-工具-Internet选项-高级打开禁用脚本调试，显示每一个错误通知。

...................................................................
Javascript的算术运算和逻辑运算。
都可以先声明，然后再复制，然后再运算。

....................................................................
javascript中，字符串的截取操作是：
greeting = "Welcome to the JS!";
greeting.substring(9,8)//意思是前9个字符中，截取掉前8个，剩下最后一个。
......................................................................

<Script language="JavaScript">
var today = new Date();
var hour = today.getHours();
if(hour<12)
{
   document.write("Good Morning");
}
else if(hour == 12)
{
   document.write("Good Noon!");
}
else
{
   document.write("Good Afternoon!");
}
</Script>
..................................................................
window指的是当前窗口。
window.location和document.location是一样的意思。都是指当前页面的url的
值。
....................................................................
<Script language="JavaScript">
var userName = prompt("请输入你的名字:");
document.write("你好！"+userName);
</Script>
//这个属性不常用。
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
str.charCodeAt(i)<255表示的是数字与字母类型的。
relative
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
删除提示：
<Script language="JavaScript">
function confirmit()
{
if(confirm("你确认删除此文件么？"))
{
  document.testa.submit();
}
}
</Script>
</head>
<body>
<form name="testa" action="ttt.jsp" method="post">
  <input type="button" value="删除文件" onClick="JavaScript:confirmit()" name="aaa">
        <input type="button" value="删除文件" onClick="return confirmit()" name="aa">
</form>
</body>
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

下面测试一下在javascript中this的用法。
其实要看this出现在哪一个标签中，就是代表当前标签的对象。因为javascript
就是面向对象的脚本语言。
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
例子：
<body>
<img src="xsd.jpg" onClick="JavaScript:alert(this.src);">
<form name="ttt">
<input type="text" name="ddd" value="ddaaa" onClick="JavaScript:checkit(this)">
</form>
</body>
</html>
<Script language="JavaScript">
function checkit(obj)
{
if(obj.value=="")
{
alert("空值");
}
else
{
alert(obj.value);
}
}
</Script>
....................................................................
<body onLoad="window.status='Hello,Please look here!'">

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

//下面是改变窗体状态栏的。
<body onLoad="window.status='Hello,Please look here!'">

.......................................................................

弹出窗口的代码：

<Script language="JavaScript">
//window.open("1.htm","newWin","toolbar=no,left=200,top=100,menubar=no,width=100,height=100,resizable=no");
   window.open("1.htm","newWin","toolbar=no,left=200,top=100,menubar=no,width=100,height=100,resizable=no");
//window.open("1.htm");
</Script>
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
下面显示通过按钮来操作另一个页面：
<body>
<Script language="JavaScript">
var abc = window.open("1.htm","newWin","toolbar=no,left=200,top=100,menubar=no,width=300,height=100");
</Script>
<input type="button" onClick="JavaScript:abc.focus();" value="跑前面来">

<input type="button" onClick="JavaScript:abc.close();" value="关闭">

</body>

......................................................................

下面是获得当前页面的浏览器地址：
<body>
<Script language="JavaScript">
alert(window.location);
alert(document.location.href);
</Script>
</body>
.....................................................................
32.htm

<body>
<Script language="JavaScript">
function go2()
{
window.location="33.htm";
}
</Script>
<input type="button" value="转向" onClick="JavaScript:go2()">
</body>

....................................................................

33.htm

<body>
<Script language="JavaScript">
function goBack()
{
history.back();
}
</Script>
<input type="button" value="返回" onClick="JavaScript:goBack()">
</body>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

显示停留在当前页面的时间：
<BODY>
<form name="myform">
您在此停留了：
<input name="clock" size="18" value="在线时间">
</form>

<Script language="JavaScript">

var id, iM = 0, iS = 1;

start = new Date();

function go()
{
  now = new Date();
  time = (now.getTime() - start.getTime()) / 1000;
  time = Math.floor( time);

  //秒
  iS = time % 60;
  //分
  iM = Math.floor( time / 60);

  if ( iS < 10)
   document.myform.clock.value = " " + iM + " 分 0" + iS + " 秒";
  else
   document.myform.clock.value = " " + iM + " 分 " + iS + " 秒";
  id = setTimeout( "go()", 1000);//这个方法是每隔1000ms执行一次go()方法。
}
go();
    </Script>

</BODY>
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

框架显示：

</noframes>

......................................................................

验证email格式：

   function check()
   {
    var tmp,str2;
    //获得text1的值
    str2=document.myform.text1.value;

    tmp=str2.indexOf('@');

    if(tmp<0)
     //字符串中不包含@字符
     alert("请输入合法Email地址");
    else
     //输出 @ 的位置
     alert(tmp);
   }

  </Script>
</HEAD>

<BODY>
   <form name="myform">
  请输入Email地址：<br>
  <input type=text value="" name="text1">
  <p><input type=button value="提交" name="btn1" onClick="check()">
   </form>
</BODY>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

onChange="JavaScript:alert(document.test.userName.value);"

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
//属性：onLoad和onUnload的属性测试：

<body onLoad="javascript:alert('hello');"
onUnload="javascript:alert('bye-bye');">
nihao
</body>

sun5208

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript基础笔记总结

<br />对象描述<br />Document代表整个 HTML 文档，可被用来访问页面中的所有元素<br />Anchor代表 <a> 元素<br />Area代表图像映射中的 <area> 元素<br />Base代表 <base> 元素<br />Body代表 <body> 元素<br />Button代表 <button> 元素<br />Event代表某个事件的状态<br />Form代表 <form> 元素<br />Frame代表 <frame> 元素<br />Frameset代表 <f
复制链接

扫一扫