JavaScript中常用的全局方法

来源：互联网发布：阳光房顶棚防水知乎编辑：程序博客网时间：2024/05/19 17:03

JavaScript语言是基于对象的。

例如，alert语句是属于window对象的。格式：对象名.函数名();“.”表示对象和它的成员的所属关系。 window.alert() 在对象的层次结构中，window对象是最顶层的对象

调用它的变量或函数的时候，可以省略window 换句话说，当你省略的对象名，直接写函数名（方法名）的时候，系统默认认为该方法是window对象的。因此， 1.window.alert()语句可以简写为alert()
（1） window.alert() 弹出警告框，该方法可以弹出一个消息框，起到提示用户的作用。
实例1：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script type="text/javascript">
window.alert(5 + 6);
</script>
</body>
</html>

说明：
window.alert(5 + 6); 语句要输出5+6表达式的运算结果，11

window.alert("5 + 6"); 语句要输出"5+6"的字符串结果是，5+6

<script type="text/javascript">
window.alert("欢迎访问本网站！");
</script>

说明：引号中的内容将原样输出

2、document.write() 方法
该方法，用来动态的把HTML文本输出到一个HTML文档中。
window.document.write("")
将字符串通过命令直接输出到页面中。
window.alert() 简写为 alert()
（1）window.document.write("") 简写为 document.write() 但是不能简写为write()

<script type="text/javascript">
window.document.write("hello");
</script>

（2）document.write该方法既可以输出普通的字符串，还可以输出标签名
<script type="text/javascript">
window.document.write("<p>hello</p>");
</script>

document.write还可以输出标签的属性。外层如果是双引号，内层就是单引号，反之亦然。
<SCRIPT type="text/javascript">
window.document.write("<font color='red'>hello</font>");
</script>

（3）使用document.write方法输出的标签可以正常的应用事先定义好的css样式表
<style type="text/css">
div{
width: 300px;
height: 200px;
background-color: yellow;
color: red;
}
</style>
<SCRIPT type="text/javascript">
window.document.write("<div>hello</div>");
</script>

（4）该函数的参数可以是任意多个，多个字符串使用英文的逗号隔开！！
document.write("张三",20,'男');
例如：

window.document.write("张三",20,"<br>男","***");

3、 window. prompt()弹出输入窗口，允许用户输入一个字符串。
格式： window. prompt("提示信息："[,"输入框的默认值"])
<SCRIPT type="text/javascript">
window.prompt("请输入姓名：","张三");
</script>

<SCRIPT type="text/javascript">
window.prompt("请输入姓名：");
</script>

<SCRIPT type="text/javascript">
document.write(window.prompt("请输入姓名："));
</script>

当用户在输入框中点击确定按钮后，window.prompt函数返回了当前文本框中输入的内容，如果点击了取消按钮，window.prompt函数返回null，表示空值。

</script>

4、console.log()
如果浏览器支持调试，可以使用 console.log() 方法在浏览器中显示 JavaScript 值。浏览器中使用 F12 来启用调试模式，在调试窗口中点击 "Console" 菜单。
<SCRIPT type="text/javascript">
console.log("hello")
</script>

5、使用 innerHTML 操作 HTML 元素，它指的是某个元素的属性。指的是某个元素内部包含的所有文本、标签。
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容。
<div>nihao <span>hello</span> <p>world</p></div>

div的innerHTML包括：从div的开始标签到div的结束标签，之间所包含的所有内容。nihao <span>hello</span> <p>world</p>

span的innerHTML包括：hello

该属性可读，也可以修改。
标识符的命名惯例：名称中的第一个单词的全部字母小写，从第二个单词开始往后的所有单词的首字母大写。
document.getElementById("id值") 该函数的作用是通过标签的id值来找到这个标签元素。

阅读全文

0 0