Javascript入门级教程

作者: 幼姿沫 | 来源:发表于2020-07-10 18:07 被阅读0次

一 *  js的引入方式


附  *   HBuilder下载链接

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>

二  * 关于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.三目运算


3.判断语句


4.switch case 选择语句


//switch case 选择语句

console.log('欢迎进入银行管理系统*1.存款 2.取款 3.转账  4.退出')

var choice=parseInt(prompt('请输入选择的行为*'))

switch(choice){

case 1:

put()

break;

case 2:

get()

break;

case 3:

trun()

break;

default:

console.log('退出银行管理系统')

break;

  }

function put(){

console.log('选择存款功能')

}

function get(){

console.log('选择取款功能')

}

function trun(){

console.log('选择转账功能')

}

5.for while 语句


6.do while 语句


7.break语句


button onclick语句实例*


相关文章

网友评论

    本文标题:Javascript入门级教程

    本文链接:https://www.haomeiwen.com/subject/ztlmcktx.html