javascript教程基础,javascript快速入门教程

首页 > 经验 > 作者:YD1662022-11-01 10:14:08

一 * js的引入方式


附 * HBuilder下载链接

javascript教程基础,javascript快速入门教程(1)


https://www.dcloud.io/hbuilderx.html

1.行内引入

<button id="bt1" onclick="console.log('页面加载成功')">点击实现效果</button>

<button id="bt2" ondblclick="alert('页面加载成功')">点击</button>

2.js内部引入

<script type="text/javascript">

//window表示当前的浏览器页面 onload触发事件进行加载

document.write(Date())

document.write("Hello World ! ! !")

window.onload=function(){

alert('公用的js页面加载成功了!!!')

}

var a=20;

console.log(typeof(a))

var b=document.getElementById('demo')

console.log(b)

//用按钮中的onclick中的函数实现js点击事件

function button(){

alert('点击按钮实现')

}

</script>

<body>

<p id='demo' class='demo'>页面内容展示</p>

<button id='button' onclick='button()'>点击</button>

</body>

3.外部引入

<!--外部引入js页面-->

<script src="js/a.js" type='text/javascript'></script>

javascript教程基础,javascript快速入门教程(2)

二 * 关于js 运算 逻辑

1.js运算


<script type='text/javascript'>

//运算符运算

var a=20;

var b=30;

console.log(a b)

a ;

b--;

console.log(a)

console.log(b)

var c=50;

c ;

var d= c;

console.log(c)

console.log(d)

var num=10;

var nums=num ;

console.log(nums)

console.log(num)

</script>

2.三目运算


javascript教程基础,javascript快速入门教程(3)

3.判断语句


javascript教程基础,javascript快速入门教程(4)

首页 123下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.