js获取html页面显示内容

js获取html页面显示内容,第1张

1、新建html文档,在body标签中添加一个按钮,然后在head标签中引入jQuery文件:

2、使用jQuery给按钮添加点击事件,然后使用ajax发送请求并将获取到的结果进行输出:

3、用浏览器打开代码,点击浏览器上的按钮,这时html页面中的内容就被输出到了控制台中:

asp代码是在服务端执行的,要获取js执行的结果,只能用js通过ajax提交给后端对应的接口。

或者通过url跳转,把数据带在url中,asp去解析url。

或者通过表单提交。

浏览器查看。

用Chrome、火狐等(其它浏览器 *** 作类同),打开浏览器后,按F12。或者打开开发者工具,可以查看相应的html、css、js等内容。

效果图如下(查看源码)

1、首先新建文件。

2、js如何获取div里面的内容,代码如下。

3、js修改div里面的内容。

4、js 获取input里面的内容。

5、js修改input里面的内容,这样就完成了。

注意事项:

因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

webview js之间的交互,项目中马上用到。

JS调用java代码效果图

java代码调用javasrcipt代码效果图

indexhtml代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401//EN" ">

<xml version="10" encoding="utf-8"><LinearLayout xmlns:android=">

public class MainActivity extends AppCompatActivity {private WebView mWebView;    @Override    protected void onCreate(Bundle savedInstanceState) {        superonCreate(savedInstanceState);        setContentView(Rlayoutactivity_main);         mWebView = (WebView) findViewById(Ridtest_webview);        //设置WebView支持JavaScript        mWebViewgetSettings()setJavaScriptEnabled(true);        mWebViewloadUrl("file:///android_asset/indexhtml");        mWebViewaddJavascriptInterface(new JsInterface(this), "AndroidWebView");        //添加客户端支持        mWebViewsetWebChromeClient(new WebChromeClient());        findViewById(Ridtest_btn)setOnClickListener(new ViewOnClickListener() {            @Override            public void onClick(View v) {

sendInfoToJs();            }

});    }    private class JsInterface {        private Context mContext;        public JsInterface(Context context) {            thismContext = context;        }        //在js中调用windowAndroidWebViewshowInfoFromJs(name),便会触发此方法。        @JavascriptInterface        public void showInfoFromJs(String share) {

ToastmakeText(mContext, share, ToastLENGTH_SHORT)show();        }

}    //在java中调用js代码    public void sendInfoToJs() {

String msg = ((EditText)findViewById(Ridtest_edt))getText()toString();        //调用js中的函数:showInfoFromJava(msg)        mWebViewloadUrl("javascript:showInfoFromJava('" + msg + "')");    }

总结下,java代码中要设置webview对javascript的支持,addJavascriptInterface(new JsInterface(this), "AndroidWebView");//这句代码中的第二个参数是在js访问方法的地址。

windowAndroidWebViewshowInfoFromJs(share);

以上就是关于js获取html页面显示内容全部的内容,包括:js获取html页面显示内容、asp如何获取javascript代码执行后的网页内容、如何查看网页的JS代码等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9311304.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存