html - 如何在html代码中使用swift变量？

Question

我尝试在 html 代码中使用 swift 变量。但首先，这是我的代码:

import UIKit
import WebKit

let webView = WKWebView()

class LoginViewController: UIViewController {

@IBOutlet weak var usernameTextField: UITextField!
@IBOutlet weak var passwordTextField: UITextField!

var testVar = "test"
var theResult: String = ""


override func viewDidLoad() {
    super.viewDidLoad()

    let url = URL(string: "someUrl")!
    let request = URLRequest(url: url)
    webView.frame = CGRect(x: 0, y: 300, width: 300, height: 300)
 //   webView.sizeToFit()
    webView.load(request)
    view.addSubview(webView)

}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

@IBAction func loginButton(_ sender: Any) {

        webView.evaluateJavaScript("document.getElementById('username').value='\(usernameTextField.text!)'", completionHandler: nil)
        webView.evaluateJavaScript("document.getElementById('password').value='\(passwordTextField.text!)'", completionHandler: nil)
        webView.evaluateJavaScript("document.getElementsByTagName('button')[0].click()", completionHandler: nil)
        webView.evaluateJavaScript("document.getElementsByClassName('item623')[0]. getElementsByTagName('a')[0].click();", completionHandler: nil)

    getValues()

    }

func getValues()
{

    webView.evaluateJavaScript("document.getElementsByTagName('table')[1].getElementsByTagName('tr')[1].getElementsByTagName('td')[0].innerText") { (result, error) in
        if error != nil {
            print(result)
            self.theResult = (result as? String) ?? ""
            //self.theResult = result
            print(result)
            print("\(webView.evaluateJavaScript("document.getElementsByTagName('table')", completionHandler: nil))")

        }
    }

    webView.loadHTMLString("""
    <table Border=“1“>
        <caption>
            Vertretungsplan
        </caption>
            <tr>
        <td align=“center“ width=“250px“ length=“100px“>"\(theResult)"</td>
                <td>test1</td>
            </tr>
            <tr>
                <td>Hello World!</td>
                <td>test2</td>
            </tr>
            <tr>
                <td>test3</td>
                <td>hello</td>
            </tr>
    </table>
    """, baseURL: nil)

}}

部分html代码:

<table class=„mon_head“>…</table>
<div class = „mon_title“>4.5.2018 Freitag</div>
<table class="mon_list">
    <tbody>
    <tr class="list"></tr>
    <tr class="odd list">
        <td align="center" class="list">...</td>
        <td align="center" class="list">4</td>
        <td align="center" class="list">Vertretung</td>
        <td align="center" class="list">Mu</td>
        <td align="center" class=„list“>45</td>
        <td class=„list“> </td>
        <td class=„list“> </td>
        <td class=„list" align=„center“>WaS</td>
        <td class=„list" align=„center“> </td>
    </tr>
    <tr class="list even“></tr>
        …
   </tbody>
</table>

在变量所在的字段中，代表“”。如果执行

document.getElementsByTagName('table')[1].getElementsByTagName('tr')[1].getElementsByTagName('td')[0].innerText

在控制台的网站上，将返回“VIb”。它在树中的点在这一行:

<td align="center" class="list">...</td>

所以问题是表中是“”而不是“VIb”。希望你能帮助我^^

Answer 1

而不是使用 print语法 - (theResult) - 尝试使用字符串连接。

更改此:

<td align=“center“ width=“250px“ length=“100px“>"\(theResult)"</td>

对此:

<td align=“center“ width=“250px“ length=“100px“>" + theResult + "</td>

一些更重要的点:

• 在 Swift 中，“转义”字符是 \ 。因此，要添加双引号，您应该使用 <td align= “center " 。正如您的代码所示，我想说 HTML 字符串的值到底是什么是不可预测的。
• 尝试一点一点地“构建”字符串，就像 var myString = "<td align= 一样。 “center " 然后在下一行代码 myString += "width= “250px " ， 等等等等。添加断点并实际查看您正在构建什么字符串。

编辑:

我上面说的几乎都是正确的。 (我确实说过你的字符串值很难预测!)请注意，冗长的答案即将到来 - 希望你会明白我在说什么。

您需要一个 HTML 字符串，如果您这样做:

let theResult = "Vlb"
let loadHTMLString = """
    <table Border=“1“>
    <caption>
    Vertretungsplan
    </caption>
    <tr>
    <td align=“center“ width=“250px“ length=“100px“>"\(theResult)"</td>
    <td>test1</td>
    </tr>
    <tr>
    <td>Hello World!</td>
    <td>test2</td>
    </tr>
    <tr>
    <td>test3</td>
    <td>hello</td>
    </tr>
    </table>
    """
    print(loadHTMLString)

输出是这样的:

<table Border=“1“>
<caption>
Vertretungsplan
</caption>
<tr>
<td align=“center“ width=“250px“ length=“100px“>"Vlb"</td>
<td>test1</td>
</tr>
<tr>
<td>Hello World!</td>
<td>test2</td>
</tr>
<tr>
<td>test3</td>
<td>hello</td>
</tr>
</table>

这是我的建议，但使用您的字符串变量。它很接近，但请注意 Vlb 周围的双引号。因此，也许您的问题不是如何构建 HTML 字符串 - 也许 theReturn真的是空的。

也就是说，这是您构建 HTML 字符串所需的(也是我建议的):

let loadHTMLString =
        "<table Border=\"1\"<caption>Vertretungsplan</caption>" +
            "<tr>" +
                "<td align=\"center\" width=\"250px\" length=\"100px\">" + theResult + "</td>" +
                "<td>test1</td>" +
            "</tr>" +
            "<tr>" +
                "<td>Hello World!</td>" +
                "<td>test2</td>" +
            "</tr>" +
            "<tr>" +
                "<td>test3</td>" +
                "<td>hello</td>" +
            "</tr>" +
        "</table>"

现在我猜其中一些是“语法糖”(缩进并使用+字符作为单独的行)但结果是这样的:

<table Border="1"<caption>Vertretungsplan</caption><tr><td align="center" width="250px" length="100px">Vlb</td><td>test1</td></tr><tr><td>Hello World!</td><td>test2</td></tr><tr><td>test3</td><td>hello</td></tr></table>

很抱歉它在单行中的显示方式，但它是有效的并且是您想要的 HTML。 :-)

需要注意的三件事:

• 我正在使用+用于字符串连接，包括插入 theResult到字符串中。
• 我正在使用转义字符 \在字符串中我想要的每个引号之前，消除任何 """ .
• 我在你的字符串中发现的第三件事(它不在我的字符串中)是你正在使用我认为所谓的“结束双引号”，我的键盘甚至没有原生的。

再说一次，实际问题可能不是是您的字符串没有显示 theResult ，但事实上theResult包含空字符串。如果是这种情况，请告诉我，我很乐意删除我的答案!不管怎样，祝你好运。