番禺网站排名推广优化排名,网站开发类标书模板,网站开发微信支付接入,杭州网站 建设1.1 直接在html内部使用js代码 使用script标签#xff0c;在前后标签内部写的代码即为js代码。 bodyp idp1初始段落/p !--id是为了定位需要更改内容的标签--button typebutton onclickshowNum()在前后标签内部写的代码即为js代码。 bodyp idp1初始段落/p !--id是为了定位需要更改内容的标签--button typebutton onclickshowNum()重置/button !-- 定义触发事件为onclick点击按钮后自动执行showNum方法--scriptfunction showNum(){document.getElementById(p1).innerHTML 重置后的结果; /*找到id为p1的标签把等号右边的内容赋值进去替换/之间的内容即把初始段落替换掉*/}/script/body 运行结果如下未点击重置按钮 点击重置按钮后 1.2 外部js嵌入
1.2.1 编写js文件 注意外部js文件结尾一定要加分号尤其是花括号结尾
function showNum(){document.getElementById(p1).innerHTML 重置后的结果; /*找到id为p1的标签把等号右边的内容赋值进去替换/之间的内容*/
};/*注意,外部js文件结尾一定要加分号*/
1.2.2 编写html文件 使用script src../js/demo1.js/script将js文件的内容嵌入html文件中相当于html执行了js文件的内容当然只是定义了一个函数。 bodyp idp1初始段落/p !--id是为了定位需要更改内容的标签--button typebutton onclickshowNum()重置/button !-- 定义触发事件为onclick点击按钮后自动执行showNum方法--script src../js/demo1.js/script/body 运行结果如下在未点击重置按钮时 在点击重置按钮后
