新手入门javascript Javascript入门级教程

 2023-10-19  阅读 13  评论 0

摘要:环球汽车7月消息小杨来为大家解答以上问题,新手入门javascript,Javascript入门级教程很多人还不知道,现在让我们一起来看看吧!一 * js的引入方式https://www.dcloud.io/hbuilderx.html1.行内引入点击实现效果

环球汽车7月消息小杨来为大家解答以上问题,新手入门javascript,Javascript入门级教程很多人还不知道,现在让我们一起来看看吧!

一 * js的引入方式

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语句实例*

本文到此结束,希望对大家有所帮助。

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://www.sast-sy.com/eaa34AT0CBAVQUQcG.html

发表评论:

管理员

  • 内容1434378
  • 积分0
  • 金币0

Copyright © 2022 四叶百科网 Inc. 保留所有权利。 Powered by ZFCMS 1.1.2

页面耗时0.0654秒, 内存占用1.72 MB, 访问数据库18次

粤ICP备21035477号