博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2-javascript::笔记
阅读量:5364 次
发布时间:2019-06-15

本文共 2238 字,大约阅读时间需要 7 分钟。

0.位置:

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

1.写自己的函数;

2.document的相关函数:

document.getElementById()
document.getElementsByClassName()
document.getElementsByName();
document.getElementsByTagName();
document.getElementsByTagNameNS;
document.getElementById("demo").value;

例子;

2.1改变颜色:
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>

<script>

function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
</script>
<button type="button" οnclick="myFunction()">点击这里</button>

2.2切换图片:

function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match(""))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>

2.3检测元素是否是字符串:isNaN(); (NaN: not a number)

<p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
}

2.4document.write();

/* 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档 */
/*也就是说如果页面已经加载了,你用一个click事件去使用document.writer(),就会覆盖所有
的已经存在于页面的内容*/
<p>
JavaScript 能够直接写入 HTML 输出流中:
</p>

<script>

document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>

<p>

您只能在 HTML 输出流中使用 <strong>document.write</strong>。
</p>

3.js拥有动态数据类型:

3.1变量:

var x // x 为 undefined
var x = 6; // x 为数字
var x = "Bill"; // x 为字符串
var y=123e5; // 12300000
var z=123e-5; // 0.00123
var x=true //布尔(逻辑)只能有两个值:true 或 false。
var y=false
3.2数组:
<script>
var i;
var cars = new Array();
cars[0] = "Audi";
cars[1] = 2.4;
cars[2] = "Volvo";

for (i=0;i<cars.length;i++){

document.write(cars[i] + "<br>");
}
</script>
/*等价于:*/
var cars=["Audi","BMW","Volvo"];
3.3对象:
定义:
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
对象属性的寻址方式:
name=person.lastname;
name=person["lastname"];
3.4:当您声明新变量时,可以使用关键词 "new" 来声明其类型
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
注意:JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

4.验证输入:

<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
}
</script>

转载于:https://www.cnblogs.com/zhumengdexiaobai/p/9166115.html

你可能感兴趣的文章
【bzoj2882】工艺 后缀自动机+STL-map
查看>>
[redis] redis
查看>>
Linux的加密认证功能以及openssl详解
查看>>
[Tools] 使用XP远程登录Win8系统
查看>>
【RL-TCPnet网络教程】第38章 TFTP简单文件传输基础知识
查看>>
HDU- 2265 Encoding The Diary
查看>>
socket基本概念
查看>>
[第三方]SCNetworkReachability 获取网络状态控件使用方法
查看>>
在Windows上使用putty连接一台Linux主机
查看>>
Socket常见错误
查看>>
百度地图2.0API和3.0API。你想要的百度地图的这都有
查看>>
专业词汇
查看>>
星期五的收获
查看>>
proxmox 去除订阅提示
查看>>
使用Html.EditorFor()为文本框加上maxlength,placeholder等属性
查看>>
[转]后缀数组求最长重复子串
查看>>
设计模式——外观模式详解
查看>>
MVC3 控件
查看>>
mysql (一)
查看>>
photoshop图层样式初识1
查看>>