概述
javascript放置引用 （四种方法）
javascript放置引用
1 、嵌入式调用
代码如下：
<title> 嵌入式调用</title>
</head>
<body>
<!-- h5 脚本 -->
<script>
// "" '' 字符号
// 字符串中 可以写 文本， 写标签
document.write('你好，小李子');
document.write('<br/>');
document.write("你好，小李子");
// 外单引号 内双引号
document.write('<h1><span style="color: lightgreen;">"小李子"</span></h1>你好</h1>');
</script>
2 、可以在超链接或是重定向的位置调用javascript代码
格式："javascript:alert('我是超链接')"
重定向格式：action="javascript:alert('我是表单')"
注意：
字符串中 引号的使用方法:
（1） 引号一定是成对出现的。
（2）外双，内单。
（3）外单，内双。
3 在事件后面进行调用
onclick 鼠标单击事件
changeColor() 方法，这个方法的作用：改变页面背景颜色。
代码如下：
<title>可以在超链接或是重定向的位置调用javascript代码</title>
<!-- js的引入方式 -->
<!-- 1.<script ></script>-->
</head>
<body>
<div>
<!-- 2. 在超链接上可以写js -->
<a href="javascript:alert(‘小李子是蠢猪');">你好，小李子</a>
</div>
<div>
<!-- 2..在表单上可以写js -->
<form action="javascript:alert('小李子是蠢猪');">
用户名：
<input type="text" name="" id="">
<input type="submit" value="提交">
</form>
</div>
<!-- 3.在事件后面进行调用 -->
<div>
<!-- οnclick="change" 鼠标单击控制标签 -->
<!-- change() 这里的（）必须要写，不然效果出不来 -->
<button οnclick="change()">你点击我呀</button>
</div>
<script>
function change(){
console.log('ok');
// 改变背景颜色
document.body.style.backgroundColor = 'lightgreen';
}
</script>
预览效果：
4 、调用外部javascript文件
外部的javascript文件的格式：xxx.js 其中.js 是外部javascript的后缀。
javascript文件 === js文件 === js脚本文件
在页面中调用外部javascript文件的格式：
js标签代码：
var uname = '小李子';
console.log('小李子'+uname);
for(var i=1; i<=10; i++){
console.log(i);
}
代码如下：
<title>调用外部javascript文件</title> </head> <body> <!-- 4.调用外部javascript文件 --> <script src="./js/a1.js"></script>
最后
以上就是漂亮白云为你收集整理的javascript放置引用 （四种方法）的全部内容，希望文章能够帮你解决javascript放置引用 （四种方法）所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复