【JavaScript】随笔

来源：互联网发布：如意时时彩源码编辑：程序博客网时间：2024/05/22 10:51

通过事件激发JavaScript程序（光标指向超链接时浏览器自动显示字符串）

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script>function myfun(){document.write("javascript欢迎您");}</script></head><body><a href="#" onMouseOver="myfun()">移动到这里</a></body></html>

如果要保证JavaScript代码在被调用或激发前已经被浏览器解析过，<script>应放在<head>之间

language=脚本语言类型（javascript,VBScript,JScript,ECMAScript）

<script language="javascript">document.write("javascript<br>");</script><script language="VBScript">document.write"vbscript"</script>

type指定的是脚本语言的MIME，有两部分组成1数据类型的大类别，2类型的种类，所有脚本语言的大类别都是文本类(tex),还可以声明脚本语言版本

<script type="text/javascript";version=1.6></script>

从JavaScript 1.6开始，加入了对E4X的支持，但E4X包含的XML与常用的JavaScript语法可能冲突，可以单独指定E4X

引用外部JavaScript文件，外部文件不能包含<script>标签，扩展名任意，引用时<script>中不再有任何代码 src="外部文件名"

<script type="text/javascript";ex4=1></script>

document.write("<hr>");document.write("<p align=center>");document.write("版权所有，违者必究");document.write("</p>");

<!doctype html><html><head><meta charset="utf-8"><title>引用外部文件</title></head><body>这是第一个文件<script language="javascript" src="javascript.js"></script></body></html>

更改浏览器默认的解析顺序 defer改变解析顺序，没有属性值，<script defer>,等HTML代码解析完毕后在解析脚本代码 alert警告窗

<!doctype html><html><head><meta charset="utf-8"><title>浏览器解析顺序</title></head><body><script language="javascript" type="text/javascript">alert("床前明月光，疑是地上霜。")//先弹出警告窗后输入文字</script>举头望明月，低头思故乡。</body></html>

标记JavaScript代码，可以用HTML注释语句标记JavaScript代码，当浏览器不能解析JavaScript时，会被当成HTML注释掉

如果不支持JavaScript输出下列文字

<noscript>您的浏览器不支持JavaScript，请换其他浏览器</noscript>

；和<br>都可以表示一个语句的结束

数据类型变量常量

字符串String 数字型Number 布尔型Boolean 数组Array 对象Object 函数Function 未定义undefined 空null

数字型有效范围10的-308到10的308次方Infinity表示无穷大-Infinity表示无穷小

类型转换：数字+""——字符串！！数字——布尔型字符串-数字——数字！！字符串——布尔型布尔型-数字——数字布尔型+""——字符串
显式数据转换：String（value）转换成字符串 parseInt(),parsefloat(),Number()——数字 Boolean()——布尔型

对象直接量：{属性名1:属性值,属性名2:属性值,方法名:函数名}

<!doctype html><html><head><meta charset="utf-8"><title>对象直接量</title></head><body>  <script language="javascript" type="text/javascript" defer>var object={name:"张三",age:"19"};document.write("姓名："+object.name+"<br>"+"年龄："+object.age+"<br>");</script></body></html>

函数直接量

<!doctype html><html><head><meta charset="utf-8"><title>浏览器解析顺序</title></head><body>  <script language="javascript" type="text/javascript" defer>var myfun=function(){document.write("<br>")}myfun();//将函数直接量赋给对象中的方法var object={name:"张三",age:19,sayhi:function(){document.write("Hi")}};document.write("姓名："+object.name+"<br>");document.write("年龄："+object.age+"<br>");document.write("他对您说：");object.sayhi()</script></body></html>

var定义变量 const定义常量

s.toString(n)——将s转换为n进制

通过按钮调用函数

<form>
<input type="button" value="点击我" onClick="contxt()">//contxt为函数名
</form>

弹出窗口：

alert：只有确定键 confirm：含有取消键 prompt：含有确定，取消，输入框

JavaScript-打开新窗口（window.open）

语法：

window.open([URL], [窗口名称], [参数字符串])

       _blank：在新窗口显示目标网页       _self：在当前窗口显示目标网页       _top：框架网页中在上部窗口中显示目标网页

例如:打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：

<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')</script>

close()关闭窗口

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

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

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

制作按钮，打开新窗口

<script type="text/javascript">      function openWindow(){        var s=confirm("是否打开新窗口？");        if(s==true){            var c=prompt("输入要打开的网址","http://www.imooc.com/");            if(c!=null)        window.open('http://www.imooc.com/','_black','width=400,height=500,manubar=no,toolbar=no');            else alert("打开失败");        }        else alert("打开失败!");    }    // 新窗口打开时弹出确认框，是否打开    // 通过输入对话框，确定打开的网址，默认为 http://www.imooc.com/    //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。  </script>

innerHTML 属性

Object.innerHTML

Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。

获取变量并修改：

<body><h2 id="con">javascript</H2><p> JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。</p><script type="text/javascript">  var mychar= document.getElementById("con");          ;  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容  mychar.innerHTML="Hello world";  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容</script></body>

改变 HTML 样式

Object.style.property=new style;

基本属性表（property）:

显示和隐藏（display属性）

Object.style.display = value

控制类名（className 属性）

object.className = classname

作用:

1.获取元素的class 属性

2. 为网页内的某个元素指定一个css样式来更改该元素的外观

<title>className属性</title><style>    body{ font-size:16px;}    .one{border:1px solid #eee;width:230px;height:50px;background:#ccc;color:red;    }.two{border:1px solid #ccc;width:230px;height:50px;background:#9CF;color:blue;}</style></head><body>    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>    <input type="button" value="添加样式" onclick="add()"/><p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>    <input type="button" value="更改外观" onclick="modify()"/><script type="text/javascript">   function add(){      var p1 = document.getElementById("p1");    p1.className="one";     }   function modify(){      var p2 = document.getElementById("p2");      p2.className="two";   }</script></body>

阅读全文

0 0