js学习笔记

最新推荐文章于 2024-10-07 21:15:54 发布

baitiandeye

最新推荐文章于 2024-10-07 21:15:54 发布

阅读量371

点赞数

分类专栏： javascript 文章标签： xhtml html function 文档生物 null

本文链接：https://blog.csdn.net/baitiandeye/article/details/5848435

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.Number(value):可以将value转换成整数或浮点数。
parseInt(value):可以将value转换成整数。
paseFloat(value):可以将value转换成浮点数。
使用Number（）转换数据时，如果数据不能转成数字型，将会返回NaN。使用parseInt()和parseFloat()
转换数据时，只转换第一个无效字符之前的所有字符串。

<body>
</body>
</html>
得到结果如下：
NaN
123
123.456

2.函数直接量
<!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>
<script type="text/javascript">
var myFunction = function(a,b)
{
return a+b;
}

document.write("1+1="+myFunction(1,1));
</script>
</head>

3.对象直接量
对象直接量将对象属性放在大括号中，不同的属性之间使用逗号作为分隔符，属性与属性值之间使用
冒号作为分隔符，其格式如下：
{属性名1：属性值1，属性名2:属性值2，属性名3：属性值3，............}

4.in运算符在对象中的应用
in 运算符在对象中使用时，第一个操作符必须是字符串型，第二个操作数必须是对象名。
只有第一个操作数是第二个操作数的属性时，才会返回true。
in 运算符在数组中使用时，第一个操作符必须是数组下标的有效值时才会返回true，第一个操作数
不能是数组元素的值。

5.void运算符
void运算符是一个一元运算符。该运算符可以计算一个表达式，但是并不返回该表达式的计算结果
。语法代码如下：
void(expression)
void expression

6. 实例化数组对象

用构造函数实例化一个对象是注意参数的个数
var h1=new Array(3)意思是创建一个数组对象，该数组对象中包含3个元素
var h2=new Array(1，2，3，4)意思是创建一个数组对象，该数组对象中包含4个元素，分别为1、2
3、4

7.继承属性

<!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>
<script type="text/javascript">
function ItemWorkers()
{
this.name = "myName";
this.address = "myAddress"
}
function Director(_en)
{
this.en=_en;
}
// 指定原型对象为ItemWorks对象
Director.prototype = new ItemWorkers()
//创建一个Director对象
var hr = new Director("时装表演");
//遍历
document.write("hr中的所有属性："+"<br>");
for( var obj in hr)
{
document.write(obj+":"+hr[obj]+"<br>");
}
</script>
</head>

8.undefined：该属性用于表示未定义的值。该值只有在使用全等符（===）时才能判断一个值是否是未定义
的值。如果使用等于运算符（==）会认为undefined与null相等。

9.添加下拉列表框中的选项
可以使用Option对象的构造函数来创建一个Option对象，其构造函数的语法代码如下：
new Option(test,value,defaultSelected,selected)
其中：test也就是<option></option>之间显示的文字
value下拉列表选项的值
defaultSelected：设置当前选项是否为下拉列表框中的默认选项
selected：设置当前选项是否处于被选择状态。

创建完成后可以将其附加到下拉列表框中。
document.Form.Select.options[i]=new Option(test,value);
动态的选择
<!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>
<script type="text/javascript">
function addOption()
{
var index = myForm.selectForm.selectedIndex;
if(index>-1)
{
  if(myForm.selectTo.length<3)
  {
   var optionText = myForm.selectForm.options[index].text;
   var optionValue = myForm.selectForm.options[index].value;
   myForm.selectTo.options[myForm.selectTo.length]=new Option(optionText,optionValue);
   myForm.selectForm.remove(index);
  }
}
}

function delOption()
{
var index = myForm.selectTo.selectedIndex;
if(index>-1)
{

  var optionText = myForm.selectTo.options[index].text;
  var optionValue = myForm.selectTo.options[index].value;
  myForm.selectForm.options[myForm.selectForm.length]=new Option(optionText,optionValue);
  myForm.selectTo.remove(index);

}
}
</script>
</head>
<body>
<form name="myForm" method="post">
  <table>
   <tr>
    <td>
     可选课程：<br />
     <select name="selectForm" size="5" ondblclick = "addOption()">
      <option value="yuwen">语文</option>
      <option value="shuxue">数学</option>
      <option value="yingyu">英语</option>
      <option value="wuli">物理</option>
      <option value="huaxue">化学</option>
      <option value="zhengzhi">政治</option>
      <option value="shengw">生物</option>
     </select>
    </td>
    <td>
    -----><br />
    <-----<br>
    </td>
    <td>
     已选课程：<br />
     <select name="selectTo" size="5" οndblclick="delOption()">
     </select>
    </td>
   </tr>
  </table>

</form>
</body>
</html>