js中函式的一些”坑“
(1)點選事件寫法如下,這裡會先顯示文字,點選之後彈出對話方塊。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test for function</title>
</head>
<body>
<p id="Burning">My name is Burning</p>
<script type="text/javascript">
window.onload = function(){
var bur = document.getElementById("Burning");
bur.onclick = Hello;
function Hello(){
alert("Hello world");
}
}
</script>
</body>
</html>
(2)這樣些會首先彈出對話方塊,然後顯示文字。這個的原因百度了一下,沒懂!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test for function</title>
</head>
<body>
<p id="Burning">My name is Burning</p>
<script type="text/javascript">
window.onload = function(){
var bur = document.getElementById("Burning");
bur.onclick = Hello();
function Hello(){
alert("Hello world");
}
}
</script>
</body>
</html>
(4)這裡會先顯示文字,點選之後彈出對話方塊。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test for function</title>
</head>
<body>
<p id="Burning" onclick="Hello()">My name is Burning</p>
<script type="text/javascript">
//var bur = document.getElementById("Burning");
//bur.onclick = Hello();
/*if (typeof Hello == "function"){
console.log("right");
}*/
function Hello(){
alert("Hello world");
}
</script>
</body>
</html>
(5)只顯示文字,點選事件不好使。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test for function</title>
</head>
<body>
<p id="Burning" onclick="Hello">My name is Burning</p>
<script type="text/javascript">
//var bur = document.getElementById("Burning");
//bur.onclick = Hello();
/*if (typeof Hello == "function"){
console.log("right");
}*/
function Hello(){
alert("Hello world");
}
</script>
</body>
</html>
(6)同(1)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test for function</title>
</head>
<body>
<p id="Burning">My name is Burning</p>
<script type="text/javascript">
window.onload = function(){
var bur = document.getElementById("Burning");
console.log(bur);
bur.onclick = function(){
/*if (typeof Hello == "function"){
console.log("right");
}*/
alert("Hello world");
};
}
</script>
</body>
</html>
(7)同(2)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test for function</title>
</head>
<body>
<p id="Burning">My name is Burning</p>
<script type="text/javascript">
window.onload = function(){
var bur = document.getElementById("Burning");
console.log(bur);
bur.onclick = function(){
/*if (typeof Hello == "function"){
console.log("right");
}*/
alert("Hello world");
}();
}
</script>
</body>
</html>
一段小程式碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test for function</title>
</head>
<body>
<p id="Burning">My name is Burning</p>
<script type="text/javascript">
window.onload = function(){
var bur = document.getElementById("Burning");
console.log(bur);
//bur.onclick = Hello;
if (typeof Hello() == 'function')
{
console.log("Hello world");
}//typeof Hello()會執行Hello程式
function Hello(){
alert("Hello world");
}
}
</script>
</body>
</html
相關文章
- AngularJS 中的一些坑AngularJS
- JS中的函式JS函式
- lambda匿名函式使用中的坑函式
- 在JSON中遇到的一些坑JSON
- js中filter()函式,以及一些去重方法JSFilter函式
- JS中函式內套函式的呼叫JS函式
- js中的匿名函式JS函式
- js函式中的this指向JS函式
- js中的phprand函式JSPHP函式
- js中的isNaN()函式JSNaN函式
- Nodejs中的require函式NodeJSUI函式
- js中的回撥函式JS函式
- JS中的箭頭函式與thisJS函式
- 談談JS中的函式劫持JS函式
- js 中的submit 回撥函式JSMIT函式
- JS 中的函式 this 指向總結JS函式
- js使用defineProperty的一些坑JS
- js中在一個函式中引用另一個函式中的函式,可以這麼做JS函式
- JS 中的函式表示式和函式宣告你混淆了嗎?JS函式
- MongoDB中的一些坑MongoDB
- Mysql建表、索引、函式、查詢使用中的坑!!!MySql索引函式
- JS中建立函式的幾種方式JS函式
- 談談JS中的函式節流JS函式
- js中split函式的使用方法JS函式
- PHP date() 函式遇到的坑PHP函式
- 你需要知道的js中的函式JS函式
- JS 基礎篇(七):JS中的遍歷函式JS函式
- php的一些函式PHP函式
- 一些有用的函式函式
- 手寫CommonJS 中的 require函式JSUI函式
- 關於 js 中的回撥函式 callbackJS函式
- JS中的 偏函式 和 柯里化JS函式
- js函式中的節流和防抖JS函式
- js中的函式巢狀和閉包JS函式巢狀
- js父頁面使用iframe中的函式JS函式
- 在 JS 中實現 Laravel 的 ROUTE 函式JSLaravel函式
- js中trim函式的簡單實現JS函式
- js中call、apply、bind函式JSAPP函式