Web前端笔记-浏览器控制台调用js函数及vue函数

界面是这样的

源码如下：

index.html

<html>
<head>
</head><body>
<h1>Hello World</h1>
<script type="text/javascript" src="js.js"></script><script type="text/javascript">function callFunctionDemo(){alert("Hello World");}</script></body></html>

js.js

;function jsFileCall(){alert("jsFileCall");
}

在控制台中调用

jsFileCall()

通过这种方式就可以进行弹窗了。

下面是vue中，首先在指定的vue文件中

export default {name: 'HelloWorld',data () {return {}},mounted() {window.mainPage = this;this.init();},methods:{callVueFunction(){alert("callVueFunction");},............
}

这样的话在vue中进行调用：

Web前端笔记-浏览器控制台调用js函数及vue函数相关推荐

计算机图形学Web前端笔记-浏览器中心点转场景坐标理论及实现（two.js）
实现的功能是这样的: 输入window.mainPage.flyTo(xxx, xxx) 后会在浏览器中心点画个圆心,使用鼠标及滚轮滚动后. 再次运行: 前一篇博文已经说了3*3变化矩阵实现图形放缩及 ...
Web前端笔记-使用Webpack调用echarts画图
有如下几个步骤,在此记录下! 1. 安装npm: 2. 安装cnpm: 3. 初始化webpack项目: npm init -y 3. 下载依赖: cnpm i -D webpack webpack- ...
web前端关于浏览器兼容性
web前端关于浏览器兼容性所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登 ...
python调用js库中的函数_Python 调用JS文件中的函数
Python 调用JS文件中的函数 1.安装PyExecJS第三方库 2.导入库:import execjs 3.调用JS文件中的方法 Passwd = execjs.compile(open(r&q ...
Web前端笔记（21-45）
Web前端笔记 (21-45) 21.嵌套列表 1.概念 2.有(无)序列表嵌套 3.定义列表嵌套 22.表格标签 1.种类 2.举例未加语义化标签添加语义化标签 23.表格属性 1.常见表格属 ...
Web前端笔记（三）
Web前端笔记记录(三) position定位 relative相对定位 absolute绝对定位脱离文档流使内联支持宽高使块元素默认宽根据内容决定(让块具备内联的特性) 如果有定位祖先元素相对 ...
移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法
移动端前端笔记 - 遇到的常见JS与CSS问题及解决方法参考文章: (1)移动端前端笔记 - 遇到的常见JS与CSS问题及解决方法 (2)https://www.cnblogs.com/zhaoda ...
web前端学习中CSS，JS代码压缩
web前端要学习的知识有很多,前端基础要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:HTML负责结构,网页想要表达的内容由html书写. CSS负责样式,网 ...
vue 在浏览器控制台怎么调试谷歌插件vue Devtools
vue 在浏览器控制台怎么调试谷歌插件vue Devtools 问题: vuejs里面的变量,怎么用浏览器的console查看? 例如,想在chrome里用console.log查看变量$data, ...

Web前端笔记-浏览器控制台调用js函数及vue函数

Web前端笔记-浏览器控制台调用js函数及vue函数相关推荐

最新文章

热门文章