JS学习笔记之入门篇一

页面导航:首页 > 网络编程 > JavaScript > JS学习笔记之入门篇一

JS学习笔记之入门篇一

来源: 作者: 时间:2016-02-02 09:58 【

本笔记总结精简,只做查找只用,如有不当之处,欢迎指正!1、JS代码插入2、JS代码引入3、JS在页面中的位置注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解

本笔记总结精简,只做查找只用,如有不当之处,欢迎指正!

1、JS代码插入

\

2、JS代码引入

\

3、JS在页面中的位置

\

注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

4、JS 函数

 

function 函数名()
{
     函数代码;
}

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

第一种:输出内容用“”括起,直接输出号内的内容。

<script type=text/javascript>
  document.write(I love Script!); //内容用括起来,里的内容直接输出。
</script>

第二种:通过变量,输出内容

<script type=text/javascript>
  var mystr=hello world!;
  document.write(mystr);  //直接写变量名,输出变量存储的内容。
</script>

第三种:输出多项内容,内容之间用+号连接。

<scripttype=text/javascript>
  var mystr=hello;
  document.write(mystr+I love JavaScript); //多项内容之间用+号连接
</script>

第四种:输出HTML标签,并起作用,标签使用“”括起来。

<script type=text/javascript>
  var mystr=hello;
document.write(mystr+
);//输出hello后,输出一个换行符 document.write(JavaScript); </script>

 

5、信息框

警告(alert 消息对话框)

 

alert(字符串或变量);  

 

确认(confirm消息框)

confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

confirm(str);
返回值:

 

 

当用户点击确定按钮时,返回true
当用户点击取消按钮时,返回false
提问:

 

prompt 弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。

 

prompt(str1, str2);
str1: 要显示在消息对话框中的文本,不可修改
str2:文本框中的内容,可以修改
返回值:

 

 

1. 点击确定按钮,文本框中的内容将作为函数返回值
2. 点击取消按钮,将返回null

 

 

6、窗口控制

打开新窗口(window.open)

 

语法:

window.open(, <窗口名称>, <参数字符串>)

参数说明:

URL:打开窗口的网址或路径。
窗口名称:被打开窗口的名称。可以是_top、_blank、_selft等。
参数字符串:设置窗口参数,各参数用逗号隔开。
\

 

 

关闭窗口(window.close)

用法:

window.close();   //关闭本窗口

<窗口对象>.close();   //关闭指定的窗口

例如:关闭新建的窗口。

<script type=text/javascript>
   var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中
   mywin.close();
</script>

注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。


 

附:

 

在写JS代码的时候,大家可以会发现这样现象:

document.write( 1 2 3 ); 结果: 1 2 3

无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格。

这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。

解决方法:

1. 使用输出标签 来解决

document.write(  +1+    +23); 结果: 1 23

2. 使用样式来解决

document.write(+ 1 2 3 +); 结果: 1 2 3

在输出时添加“white-space:pre;”样式属性。这个样式表示空白会被浏览器保留


 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<