javascript 使用方式

第一种:内嵌在html节点中

<html>
<body>

<input type="button" onclick="document.body.style.backgroundColor=‘lavender‘;"
value="Change background color" />

</body>
</html>

另外一种:调用方法

<html>
<body>

<script>
function ChangeBackground()
{
document.body.style.backgroundColor="lavender";
}
</script>

<input type="button" onclick="ChangeBackground()"
value="Change background color" />

</body>
</html>

第三种:导入js文件

　<script src＝“url” type="text/javascript"></script>

时间： 2024-11-07 16:19:52

javascript 使用方式的相关文章

javascript 构造函数方式定义对象 (转载）

javascript 构造函数方式定义对象 javascript是动态语言,可以在运行时给对象添加属性,也可以给对象删除(delete)属性 <html> <head> <script type="text/javascript"> /* //01.定义对象第一种方式 var object =new Object(); alert(object.username); //01.1增加属性username object["username&q

javascript 构造函数方式定义对象

javascript是动态语言,可以在运行时给对象添加属性,也可以给对象删除(delete)属性 <html> <head> <script type="text/javascript"> /* //01.定义对象第一种方式 var object =new Object(); alert(object.username); //01.1增加属性username object["username"]="liujianglo

JavaScript学习：JavaScript引入方式

只要一提到把JavaScript放到网页中,就不得不涉及Web的语言核心——HTML. 向HTML页面中插入JavaScript的主要方法,就是使用<script>元素. HTML4.0.1为<script>定义了下列6个属性: async:可选.表示应该立即下载脚本,但不应该妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本.只对外部脚本文件有效. charset:可选.表示通过src属性指定的代码的字符集.由于大多数浏览器会忽略它的值,因此这个属性很少有人用. defer

JavaScript 继承方式详解

js继承的概念 js里常用的如下两种继承方式: 原型链继承(对象间的继承)类式继承(构造函数间的继承) 由于js不像java那样是真正面向对象的语言,js是基于对象的,它没有类的概念.所以,要想实现继承,可以用js的原型prototype机制或者用apply和call方法去实现在面向对象的语言中,我们使用类来创建一个自定义对象.然而js中所有事物都是对象,那么用什么办法来创建自定义对象呢?这就需要用到js的原型: 我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模版

JavaScript继承方式详解

js继承的概念 js里常用的如下两种继承方式: 原型链继承(对象间的继承) 类式继承(构造函数间的继承) 由于js不像java那样是真正面向对象的语言,js是基于对象的,它没有类的概念.所以,要想实现继承,可以用js的原型prototype机制或者用apply和call方法去实现在面向对象的语言中,我们使用类来创建一个自定义对象.然而js中所有事物都是对象,那么用什么办法来创建自定义对象呢?这就需要用到js的原型: 我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模

【JavaScript】通过JavaScript的方式，如果手机浏览器访问PC版页面，自动跳转到手机版页面

这个其实根本不用自己写,因为在网上就有一个写的非常不错的js. 做到如下效果,如果是PC.平板访问这个页面,则显示PC版的页面,如果是手机访问这个页面则跳到手机版的页面,同时不加载PC版页面,直接跳转. 首先,目录结构如下: 其中JS文件夹中的uaredirect.js是从网上down下来的,其代码如下: function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;i

运行javascript的方式

1.放在超链接中: <a href="javascript:alert('aaaa')" >Test</a> 2.直接加载 <script type="text/javascript"> alert("aaaaa"); </script> 3.导入 <script src="js/myscript.js"></script> 注意:不可以用 "/

JavaScript发展史，与JScript差别，引入方式，数据类型，命名规范，命名推荐，解决命名冲突

文件夹: 1.JavaScript发展史 2.JavaScript与JScript差别 3.JavaScript引入方式 4.JavaScript基本数据类型及布尔值 5.JavaScript命名规范 6.JavaScript命名推荐 7.JavaScript解决命名冲突 1. JavaScript发展史 1.Netscape发明了JavaScript(1992年后) 1)出现JavaScript的原因(Netscape Navigator) * 网络的不断普及与推广,有庞大的用户量 * 因为当

JavaScript的写类方式（6）

时间到了2015年6月18日,ES6正式发布了,到了ES6,前面的各种模拟类写法都可以丢掉了,它带来了关键字 class,extends,super. ES6的写类方式 // 定义类 Person class Person { constructor(name, age) { this.name = name; this.age = age; } setName(name) { this.name = name; } getName() { return this.name; } toStrin